Help centre · Embedding your booking page on your website
Embedding your booking page on your website
How the inline iframe embed works, where to copy the snippet, pasting it into WordPress without a plugin, and what the auto-resize script does.
The embed puts a booking page directly on your own website: an inline iframe that renders the same live page your booking link points at, minus the Neos Meet header and footer, so visitors pick a time without leaving your site. It works on every plan, including the free one. It is an inline embed — there is no popup widget or floating button.
Getting the snippet
- Go to Scheduling → Event Types and find the event type you want on your site.
- Click Embed on its card. The full snippet is copied to your clipboard.
- Paste it into your site's HTML wherever the booking page should appear.
For an event type with the slug "intro-call", the snippet looks like this:
<!-- Neos Meet inline embed -->
<iframe src="https://meet.neos.network/embed/book/your-handle/intro-call" title="Schedule a meeting" loading="lazy" style="width:100%;height:700px;border:0"></iframe>
<script>
window.addEventListener("message", function (e) {
if (e.origin !== "https://meet.neos.network" || !e.data || e.data.source !== "neos-meet-embed" || typeof e.data.height !== "number") return;
var frames = document.getElementsByTagName("iframe");
for (var i = 0; i < frames.length; i++) {
if (frames[i].contentWindow === e.source) frames[i].style.height = Math.max(320, e.data.height) + "px";
}
});
</script>What the script part does
The iframe starts at a fixed 700px. The booking page inside it changes height as visitors move through it — taller when a day's times unfold, shorter on the confirmation screen — and the page reports each change to your site with a browser message. The few lines of script in the snippet listen for those messages and resize the iframe to match, so your page never shows a scrollbar inside the frame or a band of empty space below it.
- If your platform strips <script> tags, the embed still works — the iframe just stays at its fixed height and scrolls internally when the content is taller.
- The script only reacts to messages from the embed itself and only adjusts height. No booking data — names, emails, answers — is ever sent to your page.
- You can embed several event types on one page; each frame resizes independently.
WordPress
No plugin needed — the snippet goes into a Custom HTML block:
- Edit the page or post in the block editor.
- Add a block and choose Custom HTML.
- Paste the snippet and update the page. Use the block's Preview tab to check it.
It stays live
The embed is the real booking page, not a copy. Edit the event type — duration, questions, availability — and the embedded version updates immediately; deactivate it and the embed stops offering times. You never re-paste the snippet.
Branding
On the free plan the embed carries the same small "Powered by Neos Meet" mark as your booking page. Paid plans remove it — see Billing, plans, and seats.
Still stuck?
Email support@neos.network with your booking link and, if there is one, the exact time an invitee tried to book. A real person reads it — there is no bot in front of us.