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

RentalBeam
Sign up

Embed on Framer

Framer's Embed component runs scripts on the published site, so the script embed is the recommended path. Paste it, publish, and confirm on the live URL.

Available onFreePlusPro

Script embed (recommended)

Steps

  1. 1Open your page in the Framer editor.
  2. 2From the Insert menu, search for Embed and drag the Embed component onto the canvas where the widget should sit.
  3. 3In the component properties, switch Type to HTML.
  4. 4Paste the RentalBeam script embed - both the script tag and the widget div.
  5. 5Size the component width to your column and leave the height on auto.
  6. 6Publish the site, then open the live URL to confirm the widget.
  • —Use the Embed component for the widget. Project Settings, then Custom Code, is for head and body scripts such as analytics, not for something guests need to see.
  • —Embeds may not fully render on the editor canvas, so a blank component in the editor is not a broken embed.
  • —Give the component the full column width so the calendar months and the form fields have room on mobile.

Why the widget might not show on the canvas

Framer does not always run an embed while you are designing, so the component can look empty on the canvas. That does not mean the embed is broken. Publish the site and open the live URL in a normal browser tab; the calendar or booking form renders there. Always test the published site, not the editor.

Advanced: use the iframe instead

If a script is ever stripped, switch the same component's Type from HTML to URL and paste the iframe snippet. It renders without JavaScript and stays isolated from your page styles. For most Framer sites the script embed above is the cleaner option because it follows the width you give the component.

Full walkthroughs