Quick start
Go from an iCal URL to a live availability calendar on your website in about two minutes.
Available onFreePlusPro
- 1Create a RentalBeam account and add your first rental in the dashboard Rentals tab.
- 2Open the rental, go to Sync, and paste your Airbnb, VRBO, Booking.com, or other iCal export URL as a source - this keeps availability accurate automatically. You can skip this and add it later.
- 3Still on the rental, copy the embed code (script or iframe) for the availability calendar.
- 4Paste the snippet into your website's HTML, or your site builder's embed/custom-code block.
- 5Reload your site. The calendar renders your real availability, matching whatever you connected in step 2.
The minimal embed
Every rental gets a script embed like this one - swap in your own calendar ID from the Rentals tab:
HTML
<script
src="https://cdn.rentalbeam.com/v1/embed.js"
async
></script>
<div
class="rentalbeam-calendar"
data-rental-id="YOUR-CALENDAR-ID"
></div>Using a website builder? The exact steps for pasting a script differ by platform - see the site builder guides for WordPress, Wix, Squarespace, Webflow, and Weebly. For the full attribute reference, see the embed guide.
Want direct bookings too?
The availability calendar is free. Accepting requests or payments directly on your site - instead of just showing dates - needs the separate booking widget, which is a Pro feature. See embedding the booking widget.
Next steps
- Colors & managed dates - match the widget to your brand and block dates by hand (Plus and Pro).
- Exporting your calendar - share a combined feed back into other platforms (Plus and Pro).
- Collections - show several rentals together in one widget once you have more than one.
- Plans & limits - see what each plan unlocks.