Put your availability on your own website

Your website is the one channel that pays no commission. Stayem publishes your live availability onto it — as a calendar your guests can see, and as structured data search engines and AI assistants can read. One source of truth, always in sync.

1. Turn on web integration

Open the Web integration tab in your property settings and switch on “Enable web integration”. Stayem gives your property a short slug — shown in the snippets below as YOUR_SLUG — replace it with yours.

On WordPress? Use the plugin instead

The free Stayem Availability Calendar plugin does steps 2 and 3 for you: install it from the WordPress directory, paste your property link once, and add the calendar as a block or a shortcode. It publishes the structured data server-side, so crawlers that do not run JavaScript still read your open dates.

Get the plugin on WordPress.org

2. Add the availability calendar

Paste this where you want the calendar to appear. It resizes to fit its container.

<iframe src="https://stayem.com/embed/calendar/YOUR_SLUG" width="100%" height="720" loading="lazy" title="Availability"></iframe>

3. Add structured data for search engines and AI

This one line publishes your real open dates in a machine-readable format, so search engines and AI assistants can understand them. Drop it once, anywhere on the page.

<script src="https://stayem.com/embed-schema.js" data-property-id="YOUR_SLUG"></script>

Why this matters — make your availability readable by AI.

Live preview

A live availability calendar with sample data — the same one the snippet above embeds. It switches automatically — a monthly view on narrow screens, a yearly strip on wider ones.

Advanced: raw availability feeds

Prefer to wire it up yourself? The same availability is published as open data.

Availability feed (JSON)

https://stayem.com/api/public/availability/YOUR_SLUG

Structured data (JSON-LD)

https://stayem.com/embed/schema/YOUR_SLUG.json

Interactive booking widget (advanced)

Prefer the older script-based widget keyed by calendar ID — for several calendars on one page, or finer control? It is still supported. Add the loader script once, then a host div wherever the calendar should appear.

<script async src="https://stayem.com/plugin.js"
        id="stayem-pixel"
        data-pixelOptions="token:YOUR_TOKEN"></script>

<div class="stayem_host"
     data-token="YOUR_TOKEN"
     data-id_calendar="YOUR_CALENDAR_ID"
     data-view="monthly"></div>

Find each calendar’s ID on its detail page in the dashboard.