Curious about how the booking widget works? If so, read this article.

In this article we'll explain how you can add the widget to your website as an inline version.

There are two ways to add the booking widget to your website:

  1. A button. The widget can be opened via a button that appears on every page of your website, like on the bottom corner of your website. How to add the widget as a button we'll explain on this help page.

  2. An inline version. You an add the widget as an inline version on one particular page of your website.

In this article we'll explain how you can add the widget to your website as a inline version.

To add an inline version means to add the widget to one particular page of your website.

Therefor you need to add the code to one particular page of your website. That could be your homepage or a separate page, that you create entirely for booking appointments. If you want to you can also add the inline version to multiple pages of your website.

Step 1: Adjust the settings of the booking widget

You want to add the inline version to your website? Set up the following settings on the booking widget page.

  • Decide whether you want to use the color paradise pink or whether you want to use a different color

  • For the setting Display of the widget you need to select Inline

  • Keep the setting for the Automatic width of the widget (or change it if you want to set it yourself)

  • Keep the height on 700 or change it if needed

Step 2: Copy the code (the script) and add it to your website

You can find the code at the bottom of the page. Copy the whole link by clicking on 'Copy to clipboard'. Add the code to a page on your website (as a HTML code).

Note! All of these settings of Step 1 determine the nature of the code that you have to add to your website. So make sure to choose all the right settings before adding the code to your website.

If you want to change any of these settings at some point, you have to delete the old code and add the new one to your website.

Do you need help adding the widget to your website? Let us know!

Other help pages that might interest you:

  • Read everything about the booking widget here

  • Read everything about adding the button for the booking widget to your website on this help page

Did this answer your question?