DirectBookings
Guide

Embed a booking calendar
on any website

Already have a Squarespace, Wix, or WordPress site? One iframe snippet adds a live availability calendar and direct booking flow — no redirect, no Airbnb fees.

5-day free trial · $9/month · Cancel anytime

Two ways to embed

Pick the one that fits your layout.

Full Calendar Widget
Best for property pages and homepages

Embeds the full availability calendar inline. Guests pick dates, see pricing, and complete the entire booking without ever leaving your site.

<iframe src="…/embed/YOUR_ID" width="100%" frameborder="0" ></iframe>
Height auto-adjusts · Full booking flow inline
Check Availability Form
Ideal for sidebars or landing pages

A compact date picker guests fill in. Opens your booking site in a new tab with dates pre-filled — great when you want a lightweight widget.

<iframe src="…/embed/YOUR_ID/button" width="420" frameborder="0" ></iframe>
420px wide · Opens booking page with dates pre-filled

Standard iframes — work in any website builder that supports custom HTML.

Already have a website? Keep it.

Most vacation rental hosts already have a Squarespace, Wix, or WordPress site they've invested in. You don't need to rebuild it — just drop in the embed and start taking direct bookings with zero platform fees.

🏠

Built on Squarespace?

Add a Code Block anywhere on your Squarespace vacation rental page. The booking calendar appears inline — guests never leave your site.

🔷

Built on Wix?

Drop in an HTML iframe element on your Wix rental site. The calendar auto-resizes and works on mobile. No Wix Bookings subscription needed.

🔵

Built on WordPress?

Paste a Custom HTML block into any WordPress page or post. Works with Elementor, Divi, Kadence, and every other theme — no plugin required.

💰

No commission on bookings

Unlike Airbnb (15.5%) or booking plugins that charge per-reservation, DirectBookings is $9/month flat. Every booking goes straight to your Stripe account.

📅

Stays in sync with Airbnb & VRBO

The embedded calendar reflects your real-time availability. iCal sync runs every hour — no double bookings across your direct site and OTA listings.

🛡️

Legal protection included

Guests who book through the embed still sign your rental agreement and waivers before receiving access. The same legal protection as the full hosted site.

How to set it up

Four steps, under 20 minutes total.

1

Create your DirectBookings account

Sign up, add your property details, photos, and pricing. Connect Stripe for payments. Takes about 15 minutes.

2

Publish your booking site

Hit publish to activate your booking page. This also enables the embed — the calendar pulls live availability from your published site.

3

Copy your embed snippet

In the Website Builder, click the Embed tab (last tab in the top nav). Copy the snippet for the widget type you want.

4

Paste it into your website

In Squarespace, Wix, WordPress, or any HTML editor — paste the snippet into an embed block or custom HTML section. Done.

Works with your platform

If it supports custom HTML, it supports the embed.

Squarespace
Add a Code Block to any page, paste the snippet. No plugins needed.
🔷
Wix
Add an HTML iframe element from the Add panel, paste the snippet.
🔵
WordPress
Add a Custom HTML block in the editor, paste the snippet. Works with any theme.
🌊
Webflow
Add an Embed element to your canvas, paste the snippet.
🎨
Showit
Add a Custom HTML widget, paste the snippet.
🟢
GoDaddy Sites
Add an HTML section, paste the snippet.
🟠
Weebly
Drag in an Embed Code element, paste the snippet.
📄
Plain HTML
Paste the snippet anywhere in your page body. No framework required.

The embed is just the start

Every DirectBookings account includes the full platform — not just the calendar widget.

Live availability calendar embed
Full direct booking website (optional)
Stripe payments — no commission
iCal sync with Airbnb & VRBO
Online check-in & waiver signing
Legal rental agreement
Automated guest emails
Booking management dashboard

Common questions

Can I embed a booking calendar on my existing website?
Yes. DirectBookings generates a single iframe snippet you paste into any website — Squarespace, Wix, WordPress, Webflow, or plain HTML. The calendar shows live availability and lets guests book directly without leaving your page.
How do I add a booking calendar to Squarespace?
In Squarespace, add a Code Block to any page, then paste the DirectBookings iframe snippet. The calendar will appear inline on your page. Guests can check availability and book directly without leaving your Squarespace site.
How do I embed a booking calendar on Wix?
In Wix, add an HTML iframe element from the Add panel, then paste the DirectBookings embed snippet as the source URL. The calendar renders inside your Wix page and auto-resizes to fit.
How do I add a vacation rental booking calendar to WordPress?
In WordPress, add a Custom HTML block in the Gutenberg editor and paste the DirectBookings iframe snippet. It works with any WordPress theme and doesn't require a plugin.
Does the embedded calendar match my website's branding?
Yes. The embed inherits your DirectBookings brand colors and fonts. You can also pass a custom accent color via URL parameter to match your existing site palette.
Do guests have to leave my website to complete a booking?
No. The entire booking flow — date selection, pricing, and Stripe payment — happens inside the iframe on your page. Guests never see a DirectBookings URL.
Does the embed work on mobile?
Yes. The calendar is fully responsive and auto-resizes its iframe height to fit the content on any screen size.
Will the embedded calendar stay in sync with my Airbnb calendar?
Yes. DirectBookings syncs with Airbnb, VRBO, and any iCal source every hour. Blocked dates from other platforms are reflected in the embedded calendar automatically.
Do I need a separate DirectBookings website to use the embed?
You need a DirectBookings account and a published property — but you don't have to use the DirectBookings-hosted website. Many hosts use the embed on their own Squarespace, Wix, or WordPress site and skip the hosted site entirely.
How much does the booking calendar embed cost?
The embed is included in all DirectBookings plans at $9/month flat. No booking fees, no commission. There's a 5-day free trial with no credit card required.

Ready to add a booking calendar?

$9/month. 5-day free trial. Works on any website.

Start free — no credit card needed

5-day free trial · Cancel anytime