Skip to content
Neos Meet is in public beta.3 months of any paid plan free for every beta user — and permanent perks for the first 100.See the beta terms

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

  1. Go to Scheduling → Event Types and find the event type you want on your site.
  2. Click Embed on its card. The full snippet is copied to your clipboard.
  3. 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:

  1. Edit the page or post in the block editor.
  2. Add a block and choose Custom HTML.
  3. Paste the snippet and update the page. Use the block's Preview tab to check it.
Classic editor or widgets
In the classic editor, switch to the Text (HTML) tab before pasting. In a sidebar or footer, use the Custom HTML widget. WordPress.com free plans strip embedded scripts — the frame then stays at its fixed height, as above.

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.