Hostinger integration
Add a booking calendar to Hostinger
To add a booking calendar to Hostinger, copy your website code from RentalBeam and paste the iframe snippet into an Embed code element. Guests see your open dates, synced from Airbnb, Vrbo and Booking.com. The calendar is free on every plan; the booking form (Pro) and the map (Plus or Pro) paste in the same way.
Availability calendar
Paste the calendar into Hostinger. Free on every plan. Use the iframe snippet in an Embed code element.
What you need
- A Hostinger Website Builder page you can edit
- Your RentalBeam calendar widget
- At least one connected OTA or iCal availability source such as Airbnb or Vrbo
Steps
- Open your site in the Hostinger Website Builder
- Open Add elements on the left and drag Embed code onto the page
- Click the element, choose Enter code, paste the RentalBeam calendar iframe snippet, and click Embed code
- Drag the handles until the whole calendar shows, then update the website and check the live page
Before you publish
- 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.
Where to put it
- Drop the Embed code element right above your booking or inquiry button so guests can act as soon as they have checked dates.
- Drag the handles until the whole calendar shows. The box keeps the size you give it.
- Embedded code may not show inside the editor, so judge the result in preview or on the live page.
The iframe snippet looks like this
<iframe src="https://rentalbeam.com/embed/your-rental-id" width="100%" height="459" frameborder="0" loading="lazy" style="border: none; border-radius: 8px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); display: block;"></iframe>The Hostinger Website Builder shows embedded code in a box you size with handles, and its own examples use an iframe, so the iframe snippet is the predictable choice.
Booking form
Take booking requests on Hostinger. On Pro. Guests pick dates, see the price and send a request.
Steps
- Open the page where guests should send booking requests
- Drag Embed code from Add elements to that spot
- Click the element, choose Enter code, paste the RentalBeam booking widget iframe snippet, and click Embed code
- Drag the box tall, update the website, and send a test inquiry from the live page on a computer and a phone
Before you publish
- 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.
Where to put it
- Give the form its own section so neighboring columns do not squeeze it on a phone.
- Make the box taller than the form looks at first, since it gets longer as guests fill it in.
- Send your test inquiry from the published page, since embedded code may not show inside the editor.
The iframe snippet looks like this
<iframe src="https://rentalbeam.com/embed/bookingform/your-rental-id" width="100%" height="640" frameborder="0" allowTransparency="true" allow="payment *" loading="lazy" style="border: none; background: transparent; border-radius: 8px; display: block; max-width: min(100%, 840px); margin: 0 auto;"></iframe>The booking form grows as guests fill it in, and a Hostinger embed box keeps the size you give it, so the iframe snippet in a tall box keeps the whole form in reach.
Map
Show where your rental is on Hostinger. On your own website with Plus or Pro. Exact pin or approximate area.
Steps
- Open the page where guests should see your rental's location
- Drag Embed code from Add elements to that spot
- Click the element, choose Enter code, paste the RentalBeam map iframe snippet, and click Embed code
- Resize the box to the aspect ratio you chose, then update the website and check the live page
Before you publish
- Match the box to the aspect ratio you picked in the Map section so the map is not cropped.
- Place the map near your address or directions so guests find it naturally.
- Check the live page, since embedded code may not show inside the editor.
The iframe snippet looks like this
<style>@media(max-width:600px){.rentalbeam-map-frame{min-height:min(78vh,640px);min-height:min(78svh,640px)}}</style>
<iframe class="rentalbeam-map-frame" src="https://rentalbeam.com/embed/map/your-rental-id" title="Rental location map" loading="lazy" allow="fullscreen" style="width:100%;aspect-ratio:16/9;min-height:320px;border:0;border-radius:12px;display:block;"></iframe>A Hostinger embed box keeps the size you give it, so the iframe snippet in a box shaped like your chosen aspect ratio shows the map cleanly.
Troubleshooting
If a widget does not show on Hostinger. It goes in an Embed code element. Then check these, in order.
- Publish the page and check the live address, not only the editor preview.
- Open the page in a private window to rule out a cached copy.
- Check that your RentalBeam calendar already shows the right booked dates before you look at the page.
- Send one test booking request from the live page and confirm the email reaches you.
Related guides. The same widgets, in more depth.
Hostinger questions.
Can I use RentalBeam on Hostinger?
Yes. The availability calendar, the booking form and the map all paste into an Embed code element on Hostinger, and they work alongside your Airbnb, Vrbo or Booking.com listings instead of replacing them.
Should I use a script or iframe on Hostinger?
The Hostinger Website Builder shows embedded code in a box you size with handles, and its own examples use an iframe, so the iframe snippet is the predictable choice. In practice, iframe is the best default for Hostinger.
Will this sync with Airbnb, Vrbo, and Booking.com?
Yes. RentalBeam supports any iCal URL, so you can import Airbnb, Vrbo, Booking.com, Google Calendar, and other compatible sources. The booking form reads the same calendar, so guests never see dates that are already booked elsewhere.
Do I need a property management system?
No. RentalBeam is for hosts who want synced availability and direct-booking tools without paying for a full PMS stack.
Does RentalBeam take a commission or booking fee on guest card payments?
RentalBeam Pro is a single direct-booking plan with no commission and no booking fee. It adds the booking form widget, guest-payment workflow, coupon codes, seasonal pricing, custom fields, booking rules, host email tools, and reply-from-inbox guest messaging. RentalBeam never takes a cut of your booking revenue. When a guest chooses to pay by card through RentalBeam, the only deduction is the standard Stripe card-processing fee, which is paid to Stripe - not RentalBeam. Inquiry, pay-later, and off-platform bookings (such as bank transfer) carry no per-transaction cost at all.
Which plan do I need?
The availability calendar works on every plan, including Free. The booking form needs Pro. Every plan can build and preview a map in a rental's Map section; showing it on your own website needs Plus or Pro.
Can I show an approximate area instead of my exact address?
Yes. Each rental's Details page lets you choose exact-pin mode or approximate-area mode. Approximate mode shows guests a shaded circle instead of your exact coordinates, and nearby highlights are withheld.
Put your calendar on Hostinger
Free to start. Copy the website code, paste it in, and publish.