Put booking widgets on your own website

You don't have to use your Campiamo website to take bookings online. If you already have a website you like — WordPress, Squarespace, Wix, something a developer built years ago — you can drop Campiamo's widgets into it and keep everything else exactly as it is.

A widget is a small piece of code you paste into a page. It loads live from Campiamo, so your prices, availability and reviews are always current without you touching the website again.

The three widgets

Booking form — the full journey on your own page: the guest picks a pitch type and dates, enters their details, and pays. The booking lands in your dashboard like any other, and the payment goes to your own connected payment account. Any custom fields you've set up appear in this form too.

Availability search — a compact date-search box. Visitors pick dates, see what's free with prices, and a "Book Now" button takes them to your booking page to finish. Use this where you want something lighter than the full form — a homepage, or a sidebar.

Reviews — your approved guest reviews with star ratings, pulled live. It follows the same minimum-rating and minimum-count settings you chose in the website builder, so it never shows a page you wouldn't want shown.

No code at all: the direct booking link

If pasting a snippet isn't an option — or you simply want a "Book now" button that goes somewhere — you don't need a widget at all. Every property has a ready-made booking page hosted by Campiamo. To get yours, go to Widgets → Direct Booking Link in your dashboard and enter the address of the website you'll use it on — that activates the link and shows it with a copy button. It also means bookings made through the link are attributed to that site in your reports.

Point any button or link at it: the "Book now" button on your website, a link in your email signature or booking confirmation, your Facebook page's action button, or a QR code on a flyer. Guests land on a clean page with nothing but your booking form — the same form as the booking widget, including your prices, extras and custom fields — and the booking arrives in your dashboard like any other.

The direct link works even if you've never touched the website builder, and like the booking form it needs a paid plan — Growth or above.

Before you start

Two things to check:

• The booking form takes real bookings, so it needs a paid plan — Growth or above (see pricing).
• The reviews widget shows something only when reviews are enabled in your website builder — it follows those settings, including your minimum rating.
• Online booking has a single on/off switch on the Widgets page. It controls the booking form widget, the direct booking link and your Campiamo website's booking form together, so you can pause online bookings at any time without touching your website.

A payment provider is optional. With Stripe or PayPal connected, guests pay (in full or a deposit, per your payment settings) as they book. Without one, bookings still arrive in your dashboard — the guest simply pays you on arrival.

Adding a widget to your site

1. In your dashboard, go to Widgets.
2. Pick the widget you want and press Copy on its embed code. It looks like this:

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

3. Paste it into your website where the widget should appear:
   • WordPress — add a Custom HTML block and paste the snippet into it. Step-by-step guide.
   • Wix — add an Embed HTML element and paste it there. Step-by-step guide — including the one sizing quirk worth knowing about.
   • Squarespace — add a Code block and paste it there. Step-by-step guide.
   • Hand-built site — paste it into the page's HTML wherever the widget should sit.

That's it. The widget sizes itself to the space it is given, so put it in a full-width area for the booking form, or a narrower column for availability search.

Always copy the snippet from your own Widgets page rather than retyping it — it comes ready-made for your property.

Making it match your brand

The Widget Appearance section on the Widgets page has two settings that apply to every widget: your primary colour and your font. Set them once and the widgets stop looking like someone else's software on your page. The live previews on the same page update as soon as you save, so you can see the result before your visitors do.

If someone else looks after your website

At the bottom of the Widgets page there is Send instructions to your web developer. Tick the widgets you want, add a note if you like, and Campiamo emails them the exact snippets with instructions. You don't need to explain anything or copy code into an email yourself.

How widgets get along with everything else

The widgets read the same calendar as your Campiamo website, your channels and your dashboard. A date blocked by a Booking.com stay, a closed season, or a manual block is unavailable in the widget the moment the sync records it — there is nothing to keep in step, because there is only one calendar.

If you use both your Campiamo website and widgets on another site, that's fine — they share the same availability, so they can't double-sell a night between them.