Add your booking widget to a Squarespace site

On Squarespace, Campiamo widgets go in a Code block — two minutes of work, with two Squarespace-specific things worth knowing before you start. If you haven't read the widgets overview yet, it explains what each widget does.

Before you start

• Code blocks that run scripts need Squarespace's Business plan or higher. On the Personal plan, Squarespace won't run the widget's script — the block saves, but nothing appears. This is a Squarespace restriction, not a Campiamo one.
• Widgets don't load while you're editing. Squarespace doesn't run custom scripts in the editor or preview. Save your changes and look at the live page — that's where the widget appears.

Get your snippet

In your Campiamo dashboard, go to Widgets, pick the widget you want, and press Copy. The code looks like this:

<div id="campmanager-booking" data-slug="your-site"></div>
<script src="https://campiamo.com/embed/booking-widget.js" defer></script>

Always copy it from your own Widgets page — your copy comes ready-made for your property.

Adding the widget

1. Edit the page where the widget should go.
2. Click an insert point and choose Code from the block menu (under More in some versions).
3. Paste the snippet into the block. Leave the block's type set to HTML and Display Source off.
4. Save the page, then open the page itself — not the editor — to see the widget.

Where to put each widget

• The booking form works best in a full-width section on its own "Book now" page.
• The availability search is compact enough for the homepage or a narrower column.
• The reviews widget slots in wherever you'd show testimonials.

The widget sizes itself to the space the block gives it, so use a full-width section for the booking form rather than a narrow column.

If the widget doesn't appear

• Check your Squarespace plan — scripts in Code blocks need Business or above (see above).
• You're looking at the editor or preview — scripts only run on the saved, live page.
• It appears on a hard refresh but not when navigating to the page — some older Squarespace 7.0 templates load pages with AJAX, which can skip scripts. Turning off AJAX loading in the template's site styles fixes it; Squarespace 7.1 sites don't have this setting or the problem.

Rather not touch the website yourself?

At the bottom of the Widgets page there's Send instructions to your web developer — tick the widgets you want and Campiamo emails them the snippets with instructions.

Once the widget is on the page you never need to update it. Prices, availability and reviews load live from Campiamo — change them in your dashboard and the website follows.