How to add an availability calendar to your Wix vacation rental website
Wix can publish a clean, guest-facing availability calendar without a full PMS or a custom app build. The most dependable path is to paste the RentalBeam script embed into a Wix Embed Code element, then position it next to your booking CTA. If the embed box ever stays blank, the iframe snippet drops into the same element.
Why add a calendar to your Wix 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
- A Wix page in the Editor
- Your RentalBeam calendar widget
- At least one connected OTA or iCal availability source
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 create a calendar.
- 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 Wix
RentalBeam recommends the script embed for Wix. Use the matching code format below as your reference.
html<script src="https://cdn.rentalbeam.com/v1/availability.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 Wix Embed Code element runs the script embed on any plan, so the calendar keeps its responsive layout and automatic theme. If the embed box ever stays blank after publishing, the iframe snippet drops into the same element.
Wix publishing reminders
- Use Wix's dedicated Embed Code element - not a text box - so Wix does not escape the script.
- Wix shows custom code on the published site, not always in the editor preview - check the live page before assuming the embed failed.
- Give the embed box enough width and height for the calendar; Wix keeps custom code inside the box you draw.
- If the box stays blank after publishing, switch to the Iframe snippet - it renders without JavaScript.
- 3
Paste the embed into Wix
Builder-specific install steps
Use these steps to place the RentalBeam calendar exactly where guests check dates.
Recommended: ScriptWix
Use the Embed Code element - it runs the script snippet on any plan.
The Wix Embed Code element runs the script embed on any plan, so the calendar keeps its responsive layout and automatic theme. If the embed box ever stays blank after publishing, the iframe snippet drops into the same element.
Use the Script tab for this builder.
- Open the target page in the Wix editor
- Click Add Elements, choose Embed Code, then Embed HTML
- Paste the RentalBeam calendar script embed code
- Resize the embed box so the calendar has room, publish, and check the live page
Before you publish
- Use Wix's dedicated Embed Code element - not a text box - so Wix does not escape the script.
- Wix shows custom code on the published site, not always in the editor preview - check the live page before assuming the embed failed.
- Give the embed box enough width and height for the calendar; Wix keeps custom code inside the box you draw.
- If the box stays blank after publishing, switch to the Iframe snippet - it renders without JavaScript.
- 4
Publish and verify the guest experience
Where to place the calendar on the page
- Use a full-width or wide content section so month cards have room to breathe.
- Keep the calendar above testimonials or long descriptive sections.
- Re-check padding after resizing the Wix embed container on tablet and mobile breakpoints.
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.