Sign in

How to take bookings directly from your website: Embedding Bookem

You can embed your Bookem public booking page directly in your website. This allows you to have full control over the look and feel of your booking page, and it also gives you the ability to track bookings and other data through Google Analytics.

How to embed your public booking page into your website

Follow these steps:

  1. Go to Settings > Sharing & integrations

  2. Copy the embed code snippet

  3. Paste the embed code snippet in the HTML of your website where you want the booking page to appear.

  4. Make sure that the embed code snippet has a 100% width. This will ensure that the booking page is responsive and looks good on all devices.

*Developers, please see the section at the bottom of the article.

Google Tag Manager

If you use Google Tag Manager/GTags on your site, when a booking is completed, the event will be submitted to Google Tag Manager automatically.

On Wix

Click here for the embedding steps

On WordPress

Embed the snippet as pure HTML

On Squarespace

Copy the embed code

Use the embed code in the steps described here

NOTE: You may have to disable "Ajax Loading" on your Squarespace site for the Bookem embed to load. Here's how:

  • Open a Blog Page then, in the Home Menu, click Design, and then click Style Editor

  • Scroll down to Site: Loading

  • Uncheck Enable Ajax Loading

A note to developers

  • This is not an iFrame, it's simply a DIV tag. There is no need to embed this in an iFrame. Doing so could also negatively affect the responsive behaviour of the booking section being integrated.

  • Make sure that the embed code snippet is not padded, especially horizontally. This will also ensure that the booking page is responsive, i.e. looks good on all devices.

Learn more: