Embed on Hostinger
Drag in the Embed code element, paste the iframe snippet, and resize the box to fit.
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
- 1Open your site in the Hostinger Website Builder
- 2Open Add elements on the left and drag Embed code onto the page
- 3Click the element, choose Enter code, paste the RentalBeam calendar iframe snippet, and click Embed code
- 4Drag the handles until the whole calendar shows, then update the website and check the live page
- -Embedded code may not show inside the editor. Use preview or the live page to judge it.
- -If the bottom of the calendar is cut off, drag the box taller. It keeps the size you give it.
- -Use the iframe snippet here. Hostinger can turn a pasted script into plain text, and the iframe needs no script to show.
Booking form
- 1Open the page where guests should send booking requests
- 2Drag Embed code from Add elements to that spot
- 3Click the element, choose Enter code, paste the RentalBeam booking widget iframe snippet, and click Embed code
- 4Drag the box tall, update the website, and send a test inquiry from the live page on a computer and a phone
- -Make the box taller than the form looks at first. It gets longer as guests pick dates and fill in details.
- -Give the form its own section so neighboring columns do not squeeze it on a phone.
- -Send one real test inquiry from the published page to confirm the email reaches you.