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 standalone component 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 standalone component code here:
Bookla standalone component

  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 standalone component to WordPress.
Now we can test the component.

Test the Component​

  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".