How to accept direct bookings on your Squarespace vacation rental website
Squarespace is a popular pick for hospitality sites. On Business plans and above, Code Blocks run scripts, so the RentalBeam booking script is the cleanest setup; if your plan strips scripts, use the iframe snippet inside the same Code Block. Place it next to your availability calendar, then choose between an inquiry-first flow, a secure pay-later link, or inline Stripe Connect card payments.
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
- Zero RentalBeam commission on direct bookings - hosts keep 100% of their booking revenue
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, which takes no commission and no RentalBeam booking fee on your direct bookings. When a guest pays by card, only the standard Stripe card-processing fee applies, paid to Stripe rather than RentalBeam.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 script embed for Squarespace. Use the matching code format below as your reference.
html<script src="https://rentalbeam.com/api/rentalbeam-booking-form.js" async></script> <div class="rentalbeam-booking-form" data-calendar-id="your-calendar-id"></div>Squarespace Code Blocks run scripts on Business plans and above, so the booking form script keeps the best loading and mobile behavior.
Squarespace publishing reminders
- Paste into a Code Block, not a Text or Markdown block, so the snippet is not sanitized.
- Code Blocks execute scripts on Business plans and above; on a lower plan that strips scripts, use the iframe snippet instead.
- Run one desktop and one phone test on the live published page, since Code Block scripts may not run in the editor preview.
- 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: ScriptSquarespace
Use a Code Block with the script embed; switch to the iframe snippet only if your plan strips scripts.
Squarespace Code Blocks run scripts on Business plans and above, so the booking form script keeps the best loading and mobile behavior.
Use the Script tab for this builder.
- Edit the booking page in Squarespace
- Add a Code Block where the form should live
- Paste the booking widget script snippet
- Save, publish, and submit a test request
Before you publish
- Paste into a Code Block, not a Text or Markdown block, so the snippet is not sanitized.
- Code Blocks execute scripts on Business plans and above; on a lower plan that strips scripts, use the iframe snippet instead.
- Run one desktop and one phone test on the live published page, since Code Block scripts may not run in the editor preview.
- 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.No commission on your direct bookings
RentalBeam Pro takes no commission and adds no RentalBeam booking fee on your direct bookings - your booking revenue is 100% yours. When a guest pays by card through RentalBeam, the only deduction is the standard Stripe card-processing fee, which is paid to Stripe, not RentalBeam.
- No commission - RentalBeam never takes a cut of your booking revenue.
- No RentalBeam booking or application fee on guest card payments.
- Card payments carry only the standard Stripe card-processing fee; inquiry-only and pay-later bookings have no per-transaction cost.