How to accept direct bookings on your SITE123 vacation rental website
A SITE123 site can take real booking requests without a PMS or a separate form builder. SITE123 keeps custom code at the height you set, so the recommended setup pastes the RentalBeam booking widget iframe snippet into a Custom Code page and sets the height generously. Custom code needs a SITE123 premium plan. You decide whether guests submit an inquiry, get billed after you approve by bank transfer, cash, or a secure card payment link, or pay inline with Stripe Connect, all with no commission and no RentalBeam booking fee on your direct bookings.
Why add a direct-booking form to your SITE123 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 SITE123 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, bill later by bank transfer, cash, or a card link, or inline Stripe Connect card payment
- Zero RentalBeam commission on direct bookings: hosts keep 100% of their booking revenue
What you need
- A SITE123 site on a premium plan
- A RentalBeam Pro plan with a booking-ready calendar
- At least one connected OTA or iCal availability source
Pro plan required
The booking widget is part of RentalBeam Pro. We never take a cut of what you charge. 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 add or open a rental.
- 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 and billed later by bank transfer, cash, or a card 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 SITE123
RentalBeam recommends the iframe embed for SITE123. Use the matching code format below as your reference.
html<iframe src="https://rentalbeam.com/embed/bookingform/your-calendar-id" width="100%" height="780" frameborder="0" loading="lazy" style="border: none; border-radius: 8px; display: block;"></iframe>The booking form grows as guests fill it in, and SITE123 keeps custom code at the height you set, so the iframe snippet with a generous height keeps the whole form in reach.
SITE123 publishing reminders
- Custom code needs a SITE123 premium plan.
- Use the full booking form, not the compact search bar, since the code area is a fixed frame.
- Send one real test inquiry from the published site to confirm the email reaches you.
- 3
Paste the booking widget into SITE123
Builder-specific install steps
Use these steps to place the RentalBeam booking widget exactly where guests are ready to book.
Recommended: IframeSITE123
Add a Custom Code page, paste the iframe snippet, and set its height with the Custom Height slider. Needs a premium plan.
The booking form grows as guests fill it in, and SITE123 keeps custom code at the height you set, so the iframe snippet with a generous height keeps the whole form in reach.
Use the Iframe tab for this builder.
- In the SITE123 editor, open Pages and add or open a Custom Code page
- Click inside the code area and paste the RentalBeam booking widget iframe snippet
- Open Custom Height and set it taller than the form looks at first
- Save, publish, and send a test inquiry from the live site on a computer and a phone
Before you publish
- Custom code needs a SITE123 premium plan.
- Use the full booking form, not the compact search bar, since the code area is a fixed frame.
- Send one real test inquiry from the published site to confirm the email reaches you.
- 4
Publish and submit one live test inquiry
Where to place the booking widget on the page
- Set Custom Height taller than the form looks at first, since it gets longer as guests fill it in.
- Use the full booking form, not the compact search bar.
- Send your test inquiry from the published site, on a computer and on a phone.
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 never takes a cut of what you charge: 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.
