Embed Meetisi on your site

Quick start

1. Open Share → Embed
2. Pick your main booking page or a meeting type
3. Optional: set source, accent color, font, and height
4. Copy the JavaScript snippet into your site

<div id="meetisi-booking"></div>

<script src="https://www.meetisi.com/embed.js" async></script>
<script>
  window.addEventListener("load", function () {
    Meetisi.renderBooking({
      container: "#meetisi-booking",
      slug: "your-slug",
      meeting: "intro-call", // optional
      source: "homepage",
      accentColor: "#35D6C8",
      font: "Inter",
      height: 1000,
      onBookingConfirmed: function (booking) {
        console.log("Booked:", booking);
      },
    });
  });
</script>

Best practices

• Put it on a dedicated page. `/book` or `/intro` beats a crowded homepage hero. Give the embed room to breathe.
• Size for phones. Use about 760px tall on desktop and 850px on mobile. Cap width around 960px so it doesn’t stretch forever on wide screens. Or omit height / pass "auto" so the embed grows with content.
• Tag the source. Pass source: "homepage" (or newsletter, etc.) so you know which page converted.
• One clear CTA → book. Solopreneurs lose bookings when the path has three hops.
• Match your brand. Pass accentColor and font on Meetisi.renderBooking.
• Use compact in sidebars. Add compact: true when the column is narrow.
• Test a real booking on your phone. Most guests book from mobile. Book yourself once after you ship the embed.

FAQ