How to add an availability calendar to your SITE123 vacation rental website
A SITE123 site can show guests which dates are open, synced from Airbnb, Vrbo and Booking.com. SITE123 shows custom code at a height you set with a slider, so the iframe snippet is the recommended path: add a Custom Code page, paste the snippet, then drag Custom Height until every month shows. Custom code needs a premium plan.
Why add a calendar to your SITE123 site?
Guests want to know whether your property is available before they click through to a form or send a message. A visible availability calendar shortens that decision path, reduces repetitive date questions, and supports a cleaner direct-booking flow on your own site.
- Show booked and open dates directly on your website
- Keep using Airbnb, Vrbo, Booking.com, or any other iCal-compatible source
- Reduce back-and-forth date questions from guests
- Prepare the page for a future direct-booking widget beside the calendar
What you need
- A SITE123 site on a premium plan
- Your RentalBeam calendar widget
- At least one connected OTA or iCal availability source such as Airbnb or Vrbo
Keep setup simple first
Start with one property page, confirm the calendar is visible and accurate, then roll the same pattern across the rest of your site.Setup steps
- 1
Create your RentalBeam calendar
- Open your RentalBeam dashboard and click Add rental.
- Paste your Airbnb, Vrbo, Booking.com, or other iCal source URLs.
- Check the preview so blocked dates already look correct before you embed anything.
Works with any iCal source
RentalBeam supports any iCal/ICS URL, not just Airbnb. You can merge multiple availability sources into one guest-facing calendar view. - 2
Copy the right embed code 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/your-calendar-id?months-per-row=3&rows=1&month-scale=1" width="100%" height="446" frameborder="0" loading="lazy" style="border: none; border-radius: 8px; display: block;"></iframe>SITE123 shows custom code at a fixed height that you set with a slider, so it cannot grow with the calendar. The iframe snippet fills that space predictably.
SITE123 publishing reminders
- Custom code needs a SITE123 premium plan.
- If the bottom of the calendar is cut off, drag Custom Height higher. The space never grows by itself.
- SITE123 does not support custom code pages directly, so paste the snippet exactly as RentalBeam gives it to you.
- 3
Paste the embed into SITE123
Builder-specific install steps
Use these steps to place the RentalBeam calendar exactly where guests check dates.
Recommended: IframeSITE123
Add a Custom Code page, paste the iframe snippet, and set its height with the Custom Height slider. Needs a premium plan.
SITE123 shows custom code at a fixed height that you set with a slider, so it cannot grow with the calendar. The iframe snippet fills that space predictably.
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 calendar iframe snippet
- Open Custom Height on the right and drag the slider until every month shows
- Save, publish, and check the live site
Before you publish
- Custom code needs a SITE123 premium plan.
- If the bottom of the calendar is cut off, drag Custom Height higher. The space never grows by itself.
- SITE123 does not support custom code pages directly, so paste the snippet exactly as RentalBeam gives it to you.
- 4
Publish and verify the guest experience
Where to place the calendar on the page
- Drag Custom Height until the last row of months shows in full. The space never grows by itself.
- Link the Custom Code page from your main menu, so guests find the dates.
- Check the live site on a phone after saving.
Think of the calendar as a conversion aid
Competitor guides consistently put availability close to the main inquiry or direct-booking action. That pattern reduces friction because guests can check dates and act in the same visual area.