Squarespace - How to install the Bridebook Website Widget
Choose how you want the widget to appear on your website, then follow the steps for your chosen option.
Before you start
Watch the walkthrough
4 steps to go live
Get your widget code from Bridebook Business
Log into Bridebook Business and head to the Website Widget section. You will find your unique embed code ready to copy. This code is specific to your venue , do not share it or use someone else's.
<iframe width="100%" height="600"
src="https://enquiry.bridebook.com?publicId=YOUR_VENUE_ID&widgetId=YOUR_WIDGET_ID">
</iframe>
Open your Squarespace dashboard and go to the page you want to edit
Log in to your Squarespace account. From the main dashboard, click Website in the left sidebar, then click Edit Site. In the Pages panel that appears on the left, find the page where you want the widget to appear , most venues use their Contact page , and click on it to open it.
Good to know
If you want the widget on its own page, you can create a new one. In the Pages panel, click the + next to Main Navigation and choose Blank Page, then give it a name like "Book a Viewing".
Add a Code block
In the page editor, hover over the area where you want the widget to appear and click Add Section. When the section panel opens, click Add Blank to insert an empty section. Then click Add Block inside that section.
In the block search bar that appears, type code and select the Code block from the results (it has a </> icon). This is the block that lets you paste raw HTML directly onto your page.
Important , set mode to HTML
Once the Code block is added, a Content panel will open on the right. Make sure the Mode dropdown is set to HTML and that Display Source Code is toggled on. Without this, the iframe will appear as raw text instead of loading the widget.
Paste your code and save
Click inside the code editor area in the Content panel and paste the iframe code you copied from Bridebook Business. Do not add any extra spaces or line breaks around it. Then click Save in the top left corner of the editor, and open your page in a new tab to confirm the widget is showing.
What to look for
The Bridebook form loads directly on your page
Couples will see options to book a showround, register for an Open Day, or send an enquiry. Every submission lands in Bridebook Business tagged as Website Widget.
Not showing up?
Check that the Code block Mode is set to HTML and Display Source Code is toggled on. Clear your browser cache or open the page in a private window. If the widget is still missing, check the code was pasted without any changes to the URL or spacing.
Works with
Ready to go?
Set up your widget in Bridebook Business
Get your unique code, choose your widget type, and go live. Every enquiry lands in Bridebook Business automatically, tagged by source and ready to action.
Set up your widget →