Embed on SITE123
Add a Custom Code page, paste the iframe snippet, and set its height with the Custom Height slider. Needs a premium plan.
Available onFreePlusPro
Iframe embed (recommended)
Before you start
You need your embed code first. In the RentalBeam dashboard, open the rental, choose Calendar or Map in its side menu, 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.
Availability calendar
- 1In the SITE123 editor, open Pages and add or open a Custom Code page
- 2Click inside the code area and paste the RentalBeam calendar iframe snippet
- 3Open Custom Height on the right and drag the slider until every month shows
- 4Save, publish, and check the live site
- -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.
Booking form
- 1In the SITE123 editor, open Pages and add or open a Custom Code page
- 2Click inside the code area and paste the RentalBeam booking widget iframe snippet
- 3Open Custom Height and set it taller than the form looks at first
- 4Save, publish, and send a test inquiry from the live site on a computer and a phone
- -Custom code needs a SITE123 premium plan.
- -Use the full booking form, not the compact search bar, since the code area is a fixed frame.
- -Send one real test inquiry from the published site to confirm the email reaches you.