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:
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.
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 default Salonized color paradise pink or a colour of your choice.
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 via settings > calendar > online bookings > style and sharing.
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: