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

See your property as a direct booking website

Paste your Airbnb or VRBO link. Free preview in 2 minutes, no account needed.

No signup requiredNo credit cardReady in minutes

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.

Pre-signed agreements included

Guests who book through the embed still sign your rental agreement and waivers before receiving access. The same documentation 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.

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.

Explore DirectBookings

Ready to add a booking calendar?

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

No credit card required · Cancel anytime