We use cookies to keep RentalBeam running and, with your consent, to improve it. See our cookie policy.

RentalBeam
Sign up

Embed on a custom HTML site

For static sites, plain HTML pages, or any builder that allows raw HTML and JavaScript, use the script embed directly.

Available onFreePlusPro

Script embed (recommended)

Before you start

You need your embed code first. In the RentalBeam dashboard, open the Calendars tab for an availability calendar or the Maps tab for a map, pick the rental, and copy the code from the Embed Code section. Step by step: the calendar embed guide, or the booking widget embed guide if you are embedding the booking form.

Steps

  1. 1Open the HTML file or template.
  2. 2Paste the script embed code where the calendar should appear.
  3. 3Deploy or publish the page.
  4. 4Verify on desktop and mobile.
  • —Place the code in the actual rendered HTML, not in a CMS field that escapes tags.
  • —The script tag can go in the head or just before the closing body tag - both work.

If your builder strips scripts

Some locked-down builders remove <script> tags. In that case use the iframe embed instead, and paste the whole snippet - including the small script that follows the iframe. That script forwards your page theme into the iframe and resizes it to fit the widget. If your builder strips that script too, the iframe still renders: add ?theme=light or ?theme=dark to the iframe URL to match your site, and the widget keeps a fixed height. Where scripts are allowed, the script embed is better - it follows your page theme and height automatically.