How do I show my availability calendar on my own website?
Last updated:
Short answer
Embed a calendar that reads from the same master calendar your platforms sync with, so it can never disagree with Airbnb or Booking.com. Copying dates onto your website by hand is what produces an out-of-date calendar and an awkward email.
With Stayem you paste two lines into your page — a script tag and a div — and a monthly or yearly availability calendar renders inside it. There are also an iframe version, a JSON feed for developers, and structured data that helps search engines and AI assistants read your real open dates. It works on any site, including WordPress, and nothing is published until you turn web integration on.
Which format to use
Four ways, depending on who is building your site:
- The script snippet: a one-line script plus a div where the calendar should appear. The simplest option, and the one most owners use.
- An iframe: a self-contained block, useful when your site builder allows an embed but not scripts.
- A JSON feed: your open date ranges as data, for a developer building a custom availability display or booking form.
- Structured data (JSON-LD): not visible to visitors — it tells search engines and AI assistants which dates are actually free.
Why it has to come from one calendar
A website calendar is only useful if it is true. If it is maintained separately from your platform calendars, it will drift within weeks, and the guest who spots free dates you have already sold is the guest you lose.
So the calendar on your site should read from the same master calendar that imports Airbnb, Booking.com and Vrbo and publishes back to them. In Stayem the embedded calendar is that calendar: bookings imported from platforms, your direct bookings, owner stays and closed periods all reach it, and it updates as they do.
What to put around the calendar
The calendar answers "is it free?" — the page still needs to answer "and then what?":
- A way to enquire that does not need an account: Stayem can accept booking requests straight from the public calendar.
- A minimum stay, so you are not asked about single nights in high season.
- Your own terms: deposit, balance, what is included.
- Honest photos and the practical facts — how many it sleeps, parking, whether pets are welcome.
Being found, not just visible
Travellers increasingly ask an assistant rather than browse listings, and a calendar drawn as a picture is invisible to one. Publishing the same availability as a feed and as structured data means search engines and AI tools can read your real open dates instead of guessing.
This helps them understand your availability; nobody can promise a ranking or a recommendation. The feeds are opt-in — nothing is exposed until you enable web integration for the property.
Common questions
Do I need a developer?
No for the script snippet and the iframe: you paste them where you want the calendar. The JSON feed is the one intended for a developer.
Does it work on WordPress, Wix or Squarespace?
Yes, on any site where you can paste an HTML block. Site builders vary in whether they allow scripts; where they do not, use the iframe.
Will the calendar show my private notes or guest names?
No. The public calendar shows only whether dates are free or taken — no guest details, no prices you have not chosen to publish, and no owner notes.
How quickly does it update after a booking?
Your Stayem calendar updates as soon as the booking is recorded there, and platform bookings reach it through the hourly sync or an on-demand refresh. The public calendar is always served from the current state.
Can guests book directly from it?
They can send a booking request from the public calendar, which reaches you to accept or decline. Stayem does not take card payments — you agree the booking and take payment your own way.
Put a true calendar on your own site
Two lines of HTML, always in sync with your platforms. Free to start, no credit card.
Get started for free