RentalBeam
How-To Guide
6 min read
Updated February 2026

How to show your Airbnb calendar on your website

Keep your website booking calendar automatically synchronized with your Airbnb listings in real-time. This guide shows you how to show your Airbnb calendar on your website using the free iCal standard, then how to turn that setup into easier multi-channel calendar management with combined feeds and iCal export. No coding required, no expensive PMS software needed.

How it works

Airbnb generates a unique iCal feed for each listing (a live URL that encodes your booking and availability data in a format any calendar tool can read). When you connect it to your website, your site always reflects what is actually booked.

Nights booked on Airbnb appear blocked on your website. If you list on multiple platforms, you can import several iCal feeds and merge them into one unified calendar view.

On Plus and Pro, you can also export that unified calendar back out as one combined iCal URL for Google Calendar or OTA imports where supported, which makes cross-channel management much easier than juggling separate one-off imports.

Airbnb calendar synced to vacation rental website - real-time availability display
Real-time Airbnb availability displayed on your website calendar

Why this approach? (No expensive PMS required)

You don't need an expensive Property Management System to keep your website calendar in sync. Enterprise PMS solutions charge monthly fees (often $50-$500+) and lock you into their ecosystem, requiring you to manage your entire operation through their dashboard.

The iCal script approach is different:

  • ✓Free: No monthly subscription fees. RentalBeam offers free calendar syncing with iCal feeds.
  • ✓Simple setup: Get started in minutes, not hours. Paste a URL and embed a widget - no configuration, no learning curve.
  • ✓Direct control: Continue managing your listings directly in Airbnb, VRBO, Booking.com, and other platforms you already use.
  • ✓No vendor lock-in: Switch widgets or remove the calendar anytime. Your data stays yours, your website stays yours.
  • ✓Works anywhere: Embeds on WordPress, Wix, Squarespace, Webflow, custom sites - any platform that supports HTML. Upgrade to Plus or Pro for advanced customization options, and the Pro 3-calendar plan includes a 14-day free trial.

Cost comparison

Enterprise PMS platforms charge $50-$500/month and often force you to replace your entire booking workflow. This free iCal approach integrates with your existing setup in under 5 minutes.

What you need

  • An active Airbnb listing
  • Access to your website (any builder that supports custom HTML)
  • Your Airbnb host login

Setup steps

  1. 1

    Get your Airbnb iCal URL

    1. Go to airbnb.com/hosting/calendar and select a listing
    2. Click Availability in the right panel
    3. Under Connect calendars, click Connect to another website
    4. Copy the URL shown under the Export section

    Keep this URL private

    The iCal URL is tied specifically to your listing. Anyone who has it can view your booking dates. Do not share it publicly or post it in unsecured locations.
  2. 2

    Create your calendar widget

    1. Open the RentalBeam dashboard
    2. Click Create New Calendar
    3. Paste your Airbnb iCal URL
    4. Give the calendar a name (e.g. "Beachfront Villa")
    5. Optionally adjust colours and styling to match your site
    6. Click Create Widget
    You can add iCal URLs from VRBO, Booking.com, or any other platform to merge all your booking sources into one calendar widget.

    Upgrade path for easier calendar management

    Free is a good way to publish availability on your website. Plus and Pro add source aggregation up to 10 feeds per calendar, manual date blocking, combined export URLs, sync-health visibility, export access tracking, and Google Calendar quick-add.

    New to RentalBeam? Learn about the free Airbnb calendar widget.

  3. 3

    Embed the widget on your website

    Copy the embed code from your widget settings and paste it into your site:

    html
    <iframe
  src="https://rentalbeam.com/embed/your-widget-id"
  width="100%"
  height="446"
  frameborder="0"
  style="border: none; border-radius: 8px;">
</iframe>

    Website builder install steps

    Choose your site builder for the fastest copy-and-paste path, then open a builder-specific guide if you want more detail.

    WordPress

    Best fit when you can add a Custom HTML block or plugin.

    Recommended: Script

    WordPress supports the full script embed, which keeps the calendar responsive and closer to the default RentalBeam experience.

    Use the Script tab for this builder.

    1. Edit the page where guests check availability
    2. Add a Custom HTML block
    3. Paste the RentalBeam calendar embed code
    4. Preview the page and publish the update

    Before you publish

    • Paste the embed into a Custom HTML block, not a Paragraph block, so WordPress does not escape the code.
    • Keep the calendar close to your main inquiry or booking CTA so guests can check dates and act without scrolling back up.
    • After changing months-per-row, rows, or month size in RentalBeam, copy the updated embed and re-open the live preview so the published layout matches the current settings.
    Read the full WordPress guideWordPress Custom HTML block docs
  4. 4

    Verify the integration

    • Open your website and confirm the calendar renders
    • Check that booked Airbnb dates appear as unavailable
    • Test on a mobile device to confirm the responsive layout
    • Verify in a second browser to rule out caching issues

Sync behaviour

Once connected, changes on Airbnb propagate to your website automatically:

  • New bookings: The date becomes unavailable on your site
  • Cancellations: The date opens up again automatically
  • Blocked dates: Maintenance or personal blocks from Airbnb appear as unavailable
  • Multiple platforms: All connected feeds merge into one unified view

Manual refresh

You can trigger an immediate refresh from the RentalBeam dashboard at any time rather than waiting for the next automatic update cycle.

Go beyond one-way sync

A simple website embed solves the visibility problem, but many hosts also want a cleaner way to keep all their calendars aligned. RentalBeam Plus and Pro let you import Airbnb, VRBO, Booking.com, and other iCal feeds into one calendar, manually add owner blocks or maintenance windows, and export one combined iCal URL back out again.

  • Combined export URL: subscribe in Google Calendar or import into OTA calendars where iCal import is supported.
  • Calendar Sync tab: see Healthy, Stale, or Error status plus last-sync timestamps for every source.
  • Export access tracking: confirm when Airbnb, VRBO, or Google Calendar last fetched your export.
  • Google Calendar quick-add: open a one-click webcal subscription directly from your dashboard.

Troubleshooting

Calendar not displaying

Dates appear incorrect

Layout or styling issues

Related Guides

What is iCal and how does it work for vacation rentals?How to show availability on your vacation rental websiteHow to accept direct bookings from your vacation rental website

Calendar Syncing Questions

Only your property's availability (booked and open dates). Guest names, contact details, and reservation specifics are never surfaced.

Airbnb exposes a standard iCal feed for each listing that updates whenever bookings change. Your website calendar reads that feed on a regular schedule so it always reflects current availability.

Yes. Each platform provides its own iCal URL. Add multiple URLs to one widget and it shows unified availability across all platforms in a single view.

Yes on Plus and Pro. After importing your Airbnb and other OTA feeds into RentalBeam, you can export one combined iCal URL that includes selected sources and blocked dates for Google Calendar and OTA calendar imports where iCal import is supported.

The cancellation is reflected in the iCal feed and the widget updates on its next sync. The date becomes available automatically without any manual action required.

Yes. Any date you block in Airbnb (for preparation time, maintenance, or personal use) appears as unavailable on your website calendar.

The availability widget supports both script and iframe embeds, so it works on WordPress, Wix, Squarespace, Webflow, and any builder that supports custom HTML.

Many full PMS tools cost $50-$500/month and are built to run your entire operation. RentalBeam is focused on availability sync and direct-booking workflows, so you can keep using Airbnb/VRBO and add only what you need on your own site.

RentalBeam has a Free plan for 1 calendar and 1 iCal source. Plus and Pro add more calendars and advanced features like manual date controls, iCal export, and booking form capabilities.

Yes on Plus and Pro. You can manually close single dates or ranges (like owner stays), then include those blocks in your RentalBeam iCal export URL for iCal-compatible apps such as Google Calendar and for OTA imports like Airbnb, VRBO, and Booking.com where iCal import is supported.

This iCal approach works on top of whatever you're already doing. You keep managing bookings in Airbnb, VRBO, or any other platform, and the widget simply reads the public iCal feed to display availability on your website.

Sync Your Airbnb Calendar Today

Create a professional, automatically-updated calendar widget for your website.

Get StartedMore Guides

No credit card required - Free forever - Setup in 2 minutes