How to add an availability calendar to your IONOS vacation rental website
An IONOS Website Builder site can show guests which dates are open, synced from Airbnb, Vrbo and Booking.com. The HTML Module takes HTML and JavaScript, so the script embed is the recommended path and the calendar sizes itself. One setting matters more than the rest: set Privacy Consent to No consent required, or the calendar waits for a cookie answer most visitors never give.
Why add a calendar to your IONOS site?
Guests want to know whether your property is available before they click through to a form or send a message. A visible availability calendar shortens that decision path, reduces repetitive date questions, and supports a cleaner direct-booking flow on your own site.
- Show booked and open dates directly on your website
- Keep using Airbnb, Vrbo, Booking.com, or any other iCal-compatible source
- Reduce back-and-forth date questions from guests
- Prepare the page for a future direct-booking widget beside the calendar
What you need
- An IONOS Website Builder site whose plan includes the HTML Module
- Your RentalBeam calendar widget
- At least one connected OTA or iCal availability source such as Airbnb or Vrbo
Keep setup simple first
Start with one property page, confirm the calendar is visible and accurate, then roll the same pattern across the rest of your site.Setup steps
- 1
Create your RentalBeam calendar
- Open your RentalBeam dashboard and click Add rental.
- Paste your Airbnb, Vrbo, Booking.com, or other iCal source URLs.
- Check the preview so blocked dates already look correct before you embed anything.
Works with any iCal source
RentalBeam supports any iCal/ICS URL, not just Airbnb. You can merge multiple availability sources into one guest-facing calendar view. - 2
Copy the right embed code for IONOS
RentalBeam recommends the script embed for IONOS. Use the matching code format below as your reference.
html<script src="https://cdn.rentalbeam.com/v1/embed.js" async></script> <div class="rentalbeam-calendar" data-rental-id="your-calendar-id" data-months-per-row="3" data-rows="1" data-month-scale="1"></div>The IONOS HTML Module takes HTML and JavaScript, so the script embed keeps the calendar sized to its content, as long as it may run before a visitor answers a cookie prompt.
IONOS publishing reminders
- Set Privacy Consent to No consent required. Otherwise the calendar only appears after a visitor accepts cookies, and most never do.
- IONOS says the HTML Module is not in every plan. If you cannot find it, check your plan first.
- If the calendar does not appear, paste the iframe snippet into the same module instead.
- 3
Paste the embed into IONOS
Builder-specific install steps
Use these steps to place the RentalBeam calendar exactly where guests check dates.
Recommended: ScriptIONOS
Add an HTML Module, paste the script snippet, and set Privacy Consent to No consent required. Not every IONOS plan includes it.
The IONOS HTML Module takes HTML and JavaScript, so the script embed keeps the calendar sized to its content, as long as it may run before a visitor answers a cookie prompt.
Use the Script tab for this builder.
- Open the Website Editor and choose Content in the left menu
- Hover over the section, click its Elements button, click a plus sign, and choose HTML Module
- Click the placeholder, choose Code, and paste the RentalBeam calendar script snippet
- Set Privacy Consent to No consent required, click Done, then publish and check the live page
Before you publish
- Set Privacy Consent to No consent required. Otherwise the calendar only appears after a visitor accepts cookies, and most never do.
- IONOS says the HTML Module is not in every plan. If you cannot find it, check your plan first.
- If the calendar does not appear, paste the iframe snippet into the same module instead.
- 4
Publish and verify the guest experience
Where to place the calendar on the page
- Set Privacy Consent to No consent required, so the calendar shows for every visitor.
- Place the module next to your booking or inquiry button so guests can act right after checking dates.
- If you cannot find the HTML Module, check whether your IONOS plan includes it.
Think of the calendar as a conversion aid
Competitor guides consistently put availability close to the main inquiry or direct-booking action. That pattern reduces friction because guests can check dates and act in the same visual area.