So, you want to embed your beautiful new booking pages into your Squarespace site! Great, just follow these simple steps.
Firstly, you'll need to create the kind of widget you would like to embed. To learn more about customising your widget, see this FAQ. This is found under 'Booking Widget' then 'Share'.
Grab your HTML embed code from your Widget Share page by pressing 'Copy code'.
Log into your Squarespace account.
You'll be able to see your Dashboard! Click on 'Website' on your chosen site.
Then press 'EDIT' on the top bar.
Hover over the section you would like to add the Baluu widget to, which will be highlighted with blue, and press ' + Add block'.
From the popup that appears, press on 'Embed'.
Double click on the white 'Embed block' that appears, and another small Content popup will open.
Change the 'Embed as' on the Content popup from Link to Code Snippet.
Then press 'Embed data' and paste your embed code from Baluu into the box. It will look something like this:
Once you have done that, you will be able to see that your embedded page, or button, or icon has appeared where you placed it. As it will tell you, embedded scripts are disabled when you are logged in and editing your site, but it has still worked, you just may not be able to see it properly when you are editing.
Hover over the 'Done' button in the top left of the screen and select 'Save'.
This will take you back to the Home page for your website, and you will be able to see the newly installed widget, which you can now interact with!
(In this example, we have embedded a popup of the Events page; yours may look completely different - this is a matter of preference!)
And you're done! Congratulations! 🥳