Embed the calendar

Add the availability calendar to any page with a script tag or an iframe.

Available onFreePlusPro

Finding your rental ID

Your rental ID is a long code with letters and numbers, like a1b2c3d4-e5f6-.... It sits inside the embed code itself. Open the dashboard Calendars tab, pick the rental, and read the Embed code section. Copy the ID and replace YOUR-RENTAL-ID in the snippets below.

Choosing an embed mode

A script embedis a small tag that loads RentalBeam’s code and draws the calendar straight into your page. An iframe embed is a framed window on your page that loads the calendar from rentalbeam.com instead.

Mode	Best for	Notes
Script embed	WordPress, Wix, Squarespace, Webflow, Weebly, GoDaddy, Framer, and any builder that accepts HTML or scripts	Responsive, no fixed height needed, closest to native behavior
Iframe embed	Platforms that strip script tags	Renders without JavaScript, isolated from page styles

Using a website builder? Follow the step-by-step builder guides for WordPress, Wix, Squarespace, Webflow, Weebly, GoDaddy, and Framer.

Script embed

HTML

<!-- 1. Load the script once, anywhere on the page -->
<script
  src="https://cdn.rentalbeam.com/v1/embed.js"
  async
></script>

<!-- 2. Place the calendar div where you want it to appear -->
<div
  class="rentalbeam-calendar"
  data-rental-id="YOUR-RENTAL-ID"
></div>

Iframe embed

HTML

<iframe
  src="https://rentalbeam.com/embed/YOUR-RENTAL-ID"
  width="100%"
  height="420"
  frameborder="0"
  style="border: none;"
></iframe>

When using the iframe embed, start with height="420" for a single row of 3 months and adjust after previewing on your live site.

Copied your embed code earlier? No changes are needed - snippets using a previous script address or id="..." keep working.

What your guest sees

Your guest sees a month view of your real availability, right on your page. Booked and blocked dates are marked, free dates are not. Nothing is asked of them and nothing is submitted. It is a picture of your calendar, so a guest can check their dates before they contact you.

On phones

The calendar is built mobile-first. On a touch screen, guests can swipe left or right across the calendar to move to the next or previous months - the month arrows still work too. Vertical scrolling of your page is unaffected, so the swipe never gets in the way. Nothing to configure; it works on every embed.