How-To Guide
5 min read
Updated October 2026

How to add an availability calendar to your Strikingly vacation rental website

A Strikingly site can show guests which dates are open, synced from Airbnb, Vrbo and Booking.com. Strikingly's HTML section places code straight on the page unless Show in iFrame is ticked, so the script embed is the recommended path and the calendar sizes itself. The HTML section needs a Pro or VIP plan.

Why add a calendar to your Strikingly 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
RentalBeam availability calendar widget showing three months of live availability, with available dates in color and booked dates crosshatched
The RentalBeam availability widget: the same calendar you will place on your Strikingly site.

What you need

  • A Strikingly site on Pro or VIP
  • 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. 1

    Create your RentalBeam calendar

    1. Open your RentalBeam dashboard and click Add rental.
    2. Paste your Airbnb, Vrbo, Booking.com, or other iCal source URLs.
    3. 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. 2

    Copy the right embed code for Strikingly

    RentalBeam recommends the script embed for Strikingly. 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>

    Strikingly's HTML section places your code straight on the page unless Show in iFrame is ticked, so the script embed keeps the calendar sized to its content.

    Strikingly publishing reminders

    • The HTML section needs a Strikingly Pro or VIP plan.
    • Leave Show in iFrame unticked. A framed section can behave worse on phones, and the calendar does not need it.
    • Custom code does not show inside the editor, so judge it in Preview or on the live site.
  3. 3

    Paste the embed into Strikingly

    Builder-specific install steps

    Use these steps to place the RentalBeam calendar exactly where guests check dates.

    Strikingly

    Add an HTML section, paste the script snippet, and leave Show in iFrame unticked. Needs a Pro or VIP plan.

    Recommended: Script

    Strikingly's HTML section places your code straight on the page unless Show in iFrame is ticked, so the script embed keeps the calendar sized to its content.

    Use the Script tab for this builder.

    1. Open your site in the Strikingly editor
    2. Click Add New Section, choose App Store & HTML, then HTML
    3. Paste the RentalBeam calendar script snippet into the code window, leave Show in iFrame unticked, and save
    4. Publish, then check the calendar in Preview or on the live site

    Before you publish

    • The HTML section needs a Strikingly Pro or VIP plan.
    • Leave Show in iFrame unticked. A framed section can behave worse on phones, and the calendar does not need it.
    • Custom code does not show inside the editor, so judge it in Preview or on the live site.
  4. 4

    Publish and verify the guest experience

Where to place the calendar on the page

  • Add the HTML section right below the section that describes the rental, so guests see the dates while they are deciding.
  • Leave Show in iFrame unticked so the calendar sizes itself and behaves well on phones.
  • Check the calendar in Preview or on the live site, since custom code does not show inside 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.

Troubleshooting

Strikingly calendar questions

Can I use RentalBeam on Strikingly?

Yes. RentalBeam works on Strikingly with a standard embed flow, so you can publish live availability without a full PMS or a custom site rebuild.

Should I use a script or iframe on Strikingly?

Strikingly's HTML section places your code straight on the page unless Show in iFrame is ticked, so the script embed keeps the calendar sized to its content. In practice, script is the best default for Strikingly.

Will this sync with Airbnb, Vrbo, and Booking.com?

Yes. RentalBeam supports any iCal URL, so you can import Airbnb, Vrbo, Booking.com, Google Calendar, and other compatible sources into one calendar.

Do I need a property management system?

No. RentalBeam is for hosts who want synced availability and direct-booking tools without paying for a full PMS stack.

rentalbeam.com/dashboard/rentals/6f1d2c4e-3b7a-4c58-9e21-8a0f5d7b2c19/widgets/calendar
A rental's Calendar widget section: a live three-month preview, its embed code, and the color presets below

Add your Strikingly availability calendar today

Create your RentalBeam calendar, connect your OTA feeds, and publish a guest-friendly availability view on your own website in minutes.