Skip to main content

How to Integrate Bookla Standalone Component into WordPress

By adding the Bookla standalone component to your WordPress site, you can offer your customers a smooth and seamless online booking experience.

It’s simple to set up, doesn’t require any coding, and you can manage it all easily from your WordPress dashboard.

Note
This tutorial works for WordPress Business and Commerce plans, as well as self-hosted WordPress websites. Unfortunately, it won’t work for WordPress.com free users, since it’s not possible to add plugins on this plans.

How to add the Bookla Standalone Component into WordPress​

  1. Go to your WordPress dashboard, then click "Plugins" -> "Add Plugin".
  1. Search for the "WPCode" plugin and click "Install Now".
  2. Click "Activate".

Note
You can use another plugin if it is more convenient for you.

  1. Click "Code Snippets".
  2. Click "Add New".
  3. Click "Add Custom Snippet" and then "Universal Snippet".
  1. Add your Bookla WEB widget code here and click "Save Snippet".
  2. Scroll down, click "Shortcode", copy the code, activate the snippet, and click "Update".

You can find and edit the Bookla Web widget code here:
Bookla widget

  1. Go to "Appearance" -> "Editor".
  1. Click "+", then select "Shortcode".
  2. Paste your shortcode here and click "Save".

That’s it for adding the Bookla widget to WordPress.
Now we can test the widget.

Test the widget​

  1. Go to your website.
  2. Select a date, resource, and time, then click "Continue".
  3. Enter your first name, last name, and email, then click "Book now".