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.

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.

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.
   • Squarespace / Wix — add an Embed / HTML code element and paste it there.
   • 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.