How to accept direct bookings on your Squarespace vacation rental website
Squarespace is a popular pick for hospitality sites, but third-party script support can be inconsistent. The most reliable setup is the RentalBeam iframe booking widget inside a Squarespace Code Block, sitting next to your availability calendar. From there, you choose between an inquiry-first flow, a secure pay-later link, or inline Stripe Connect card payments - including the zero-application-fee Pro variant.
Why add a direct-booking form to your Squarespace site?
Guests who reach your own website are your highest-intent traffic. Letting them request or book a stay without leaving the page, and without paying an OTA service fee, is the most underused conversion lever in vacation rentals. A direct-booking form on Squarespace turns the page from a brochure into a booking surface.
- Take booking requests directly from your own website
- Keep Airbnb, VRBO, and Booking.com synced so the form never sells double-booked dates
- Offer coupon codes, seasonal pricing, custom fields, and booking rules
- Choose between inquiry-only, secure pay-later link, or inline Stripe Connect card payment
- Optional zero RentalBeam application-fee Pro variant for hosts who do not want a platform cut
What you need
- A Squarespace page you can edit
- A RentalBeam Pro plan with a booking-ready calendar
- Connected Airbnb, VRBO, Booking.com, or other iCal feed(s)
Pro plan required
The booking widget is part of RentalBeam Pro. Pro is sold publicly in two variants - RentalBeam Pro is sold publicly in two variants - Standard and No application fee. Both unlock the same booking form widget, guest-payment workflow, coupon codes, seasonal pricing, custom fields, booking rules, and host email tools. The only difference is the booking fee model on hosted guest card payments: Standard adds a small RentalBeam application fee on top of normal card processing, while No application fee removes the RentalBeam application fee so hosts only pay normal card-processing fees.. Both include the same booking workflow, coupon codes, seasonal pricing, custom fields, and booking rules.Setup steps
- 1
Create a booking-ready RentalBeam calendar
- Open your RentalBeam dashboard and create or open a calendar.
- Connect at least one iCal source (Airbnb, VRBO, Booking.com, Google Calendar) so the booking widget never offers double-booked dates.
- Set your nightly pricing, optional seasonal rules, minimum stay, advance notice, and prep time.
- Decide whether bookings should be inquiry-only, host-reviewed with a secure pay-later link, or paid inline with Stripe Connect.
Choose payment flow at any time
You can start with inquiry-only or pay-later requests today and switch to inline card payments later without rebuilding the page. The widget URL stays the same. - 2
Copy the right booking widget embed for Squarespace
RentalBeam recommends the iframe embed for Squarespace. Use the matching code format below as your reference.
html<iframe src="https://rentalbeam.com/embed/booking/your-calendar-id" width="100%" height="780" frameborder="0" loading="lazy" style="border: none; border-radius: 8px; display: block;"></iframe>Squarespace booking installs are most predictable with the iframe snippet inside a Code Block.
Squarespace publishing reminders
- Give the booking form enough horizontal space by avoiding narrow side-by-side columns around the embed.
- Publish before testing because Squarespace's editor frame is not a reliable substitute for the real guest-facing page.
- Run one desktop and one phone-sized test after publishing to confirm the widget height and form spacing feel comfortable on both.
- 3
Paste the booking widget into Squarespace
Builder-specific install steps
Use these steps to place the RentalBeam booking widget exactly where guests are ready to book.
Recommended: IframeSquarespace
Use a Code Block with the iframe embed for the smoothest install path.
Squarespace booking installs are most predictable with the iframe snippet inside a Code Block.
Use the Iframe tab for this builder.
- Edit the booking page in Squarespace
- Add a Code Block where the form should live
- Paste the booking widget iframe embed
- Save, publish, and submit a test request
Before you publish
- Give the booking form enough horizontal space by avoiding narrow side-by-side columns around the embed.
- Publish before testing because Squarespace's editor frame is not a reliable substitute for the real guest-facing page.
- Run one desktop and one phone-sized test after publishing to confirm the widget height and form spacing feel comfortable on both.
- 4
Publish and submit one live test inquiry
Where to place the booking widget on the page
- Give the booking form enough horizontal space - avoid narrow side-by-side columns around the embed.
- Publish before testing, then submit one real inquiry on desktop and one on a phone-sized screen.
- If you change calendar settings in RentalBeam later, refresh the iframe snippet in Squarespace so the live site stays in sync.
Treat the booking form as the page's primary CTA
High-converting direct-booking pages put the booking form directly next to or under the availability calendar so guests can check dates and request a stay in a single visual area.Pick the right Pro fee model
RentalBeam Pro ships in two publicly-listed fee variants. Both include the same booking and guest-payment workflow, coupon codes, seasonal pricing, custom fields, and booking rules. The only difference is whether RentalBeam takes a small application fee on guest card payments.
- Pro Standard - lower monthly price plus a small RentalBeam application fee on guest card payments.
- Pro No application fee - higher monthly price, no RentalBeam application fee, only standard Stripe card-processing fees apply.
- Both variants support coupon codes such as MIRA50, ENGINE60, and FREE100 at checkout.
- You can switch between variants at any time - the booking widget URL, calendar, and connected iCal feeds stay the same.