How to add an availability calendar to your GoDaddy vacation rental website
A GoDaddy Websites + Marketing site can show a clean, guest-facing availability calendar without a full PMS or a custom app build. GoDaddy has an HTML section that takes custom code, so the standard script embed is the recommended path - paste it into the Custom Code field, leave Forced Height blank so the section sizes itself to the calendar, then publish and check the live page.
Why add a calendar to your GoDaddy 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 GoDaddy Websites + Marketing page you can edit
- 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 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 GoDaddy
RentalBeam recommends the script embed for GoDaddy. 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>GoDaddy's HTML section runs the script embed inside its own iframe, isolated from the rest of the page. Leave Forced Height blank and the section sizes itself to the calendar, so the layout stays close to the native RentalBeam look.
GoDaddy publishing reminders
- Leave Forced Height blank so the section grows with the calendar. Set a pixel height only when you want a fixed area.
- Paste the snippet exactly as RentalBeam gives it to you. GoDaddy warns that custom code can affect the page, and a hand-edited snippet is the usual cause.
- The HTML section is its own iframe, separate from the rest of the page, so judge the result on the published page rather than in the editor.
- 3
Paste the embed into GoDaddy
Builder-specific install steps
Use these steps to place the RentalBeam calendar exactly where guests check dates.
Recommended: ScriptGoDaddy
Add an HTML section and paste the script snippet; leave Forced Height blank so the calendar sizes itself.
GoDaddy's HTML section runs the script embed inside its own iframe, isolated from the rest of the page. Leave Forced Height blank and the section sizes itself to the calendar, so the layout stays close to the native RentalBeam look.
Use the Script tab for this builder.
- Open the page in the GoDaddy Website Builder editor
- Add a section at the spot where guests should check availability
- Search the section list for HTML and choose Add
- Paste the RentalBeam script embed into the Custom Code field, leave Forced Height blank, then publish the site and check the live page
Before you publish
- Leave Forced Height blank so the section grows with the calendar. Set a pixel height only when you want a fixed area.
- Paste the snippet exactly as RentalBeam gives it to you. GoDaddy warns that custom code can affect the page, and a hand-edited snippet is the usual cause.
- The HTML section is its own iframe, separate from the rest of the page, so judge the result on the published page rather than in the editor.
- 4
Publish and verify the guest experience
Where to place the calendar on the page
- Add the HTML section right above your booking or inquiry button so guests can act as soon as they have checked dates.
- Leave Forced Height blank so the section grows with the calendar instead of clipping it.
- GoDaddy puts the section in its own iframe, so judge the layout on the published page rather than in the editor.
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.