Knowledge Base

When you first create your account you'll receive an email containing a link to your unique Embedding Guide. The guide will give you the code snippets you need to integrate Bookaby into your own website. You can also find a link to your Embedding Guide by heading over to Setup > Company & Account > Embedding tab.

If you ever have a question regarding embedding, get stuck, or just don't feel confident enough amending your website, feel free to email us info@bookaby.co.uk and we'll help you out, free of charge.

Embedding into a Squarespace website

In order to embed into a Squarespace site, you must have their Business package or better.
Full pricing details can be found on their website at https://www.squarespace.com/pricing

Simply add a Code Block to the page you'd like your Bookaby listings to appear, and paste in the relevant snippet from your Embedding Guide. It may look like the snippet below, but with a different unique ID (in bold)...

<!-- add this once per page -->
<script src="https://bookaby.co.uk/embed"></script>
<script>const bookaby_mid = '9997edb8-c829-435a-a39d-e1aeeee2b757';</script>

<!-- list all classes -->
<div data-bookaby="list:all"></div>

Embedding into a Wordpress website

Simply add a Custom HTML block to the page you'd like your Bookaby listings to appear, and paste in the relevant snippet from your Embedding Guide. It may look like the snippet below, but with a different unique ID (in bold)...

<!-- add this once per page -->
<script src="https://bookaby.co.uk/embed"></script>
<script>const bookaby_mid = '9997edb8-c829-435a-a39d-e1aeeee2b757';</script>

<!-- list all classes -->
<div data-bookaby="list:all"></div>

Embedding into a Wix website

In order to embed into a Wix site, you must have their Combo package or better.
Full pricing details can be found on their website at https://www.wix.com/upgrade/website

Step 1: Add Header Snippet

In the Wix dashboard for your website, head over to Settings > Custom Code (in the Advanced section).

In the Head section, add the initial snippet from your Embedding Guide - it will look like this, but with a different unique ID (in bold)...

<script src="https://bookaby.co.uk/embed"></script>
<script>const bookaby_mid = '9997edb8-c829-435a-a39d-e1aeeee2b757';</script>

Make sure that you select this snippet to be applied on All Pages, and that the 'Code type' is set to Essential.

Step 2: Add a Custom Element

Edit your website and add a Custom Element to your page ('Add' button > Embed Code > Custom Element).

At the top of the Custom Element box, click the Choose Source button.

• For the Server URL, enter https://bookaby.co.uk/embed/wix/
• For Tag Name, enter one of the following...
  bookaby-list-all if you'd like to list all classes.
  bookaby-list-terms if you're looking to only list term groups.
  bookaby-list-sessions to list individually booked sessions only.
  bookaby-calendar to show the calendar.
  bookaby-basic-embed to show basic embedding.

At the top of the Custom Element box, click the Set Attributes button (optional)

• If you'd like to replace the default 'Book Now' buttons with a standard button using your site's theme, add a new Attribute with the following details...
  • Attribute Name Enter data-button-regular
  • Value Enter the text you'd like to appear on the button, or leave blank to default to 'Book Now'.
• If you'd like to filter the listings by session type, add a new Attribute with the following details...
  • Attribute Name Enter data-session-type
  • Value Enter the 32 character ID for the relevant session type, which you can find in your Embedding Guide.
    Tip: You can specify multiple session type IDs separated by a commas.