Embed on Weebly
Weebly's Embed Code element accepts JavaScript, so the script embed is the recommended path - it stays responsive with no fixed height. Paste it, then publish and check the live page.
Script embed (recommended)
Steps
- 1Open your page in the Weebly editor.
- 2In the Build panel on the left, drag an Embed Code element onto the page.
- 3Click the element and choose Edit Custom HTML.
- 4Paste the RentalBeam script embed - both the script tag and the widget div.
- 5Publish the site, then open the live page to confirm the widget.
- —Use the dedicated Embed Code element from the Build panel, not a Text element, so Weebly does not strip the script tag.
- —Weebly does not preview embedded scripts in the editor - this is expected. Publish and view the live page before assuming the embed failed.
- —Drag the element close to your booking or inquiry button so guests can check dates and act without scrolling back up.
Why the widget might not show in the editor
Weebly does not run embedded scripts while you are editing - the Embed Code element may look empty in the builder. That does not mean the embed is broken. Publish the site and open the live page in a normal browser tab; the calendar or booking form renders there. Always test the published URL, not the editor preview.
Advanced: use the iframe instead
If your plan or theme strips the script, use the iframe snippet - it renders without JavaScript and stays isolated from your page styles. You can also keep the calendar div in the Embed Code element and load the script site-wide under Settings, then SEO, then the Footer Code box (the footer is recommended so the script does not block page rendering). For most Weebly sites the script embed above is the cleanest option because it follows your page width automatically.