Help / Embed

Embed on your website.

Two ways to bring the booking wizard onto your existing site. Both keep customers on your domain, no awkward redirect to a third-party page.

1. "Book now" popup → 2. Inline iframe → Where do I find my snippet? →

First, find your snippet

Mahi Time

Integrations

Integrations
Voice Agent
Embed

Sign in to your Mahi Time admin at app.mahitime.com/admin.
Open the Settings group in the left sidebar.
Click Embed.
Copy the snippet from the section that fits, popup button or inline iframe.

The Embed page also has a live demo, click the orange Book now button on that page to see exactly what your customers will see before pasting anything onto your site.

"Book now" button (popup)

Drop a single button anywhere on your site, header CTA, hero, footer, sidebar. When a customer clicks it, the wizard opens in an overlay on top of your page. They never leave your domain.

The snippet

<script src="https://www.mahitime.com/embed.js" defer></script>

<button
  type="button"
  data-mahitime="your-salon"
  style="background:#ea580c; color:#fff; padding:12px 22px; border:0;
         border-radius:9999px; font-weight:600; font-size:15px; cursor:pointer;"
>Book now</button>

Replace your-salon with your salon's slug, you can copy the ready-made version (with your real slug already filled in) from the admin Embed page.

Use your own button instead

If your site already has a styled button or link you'd rather keep, just add the data-mahitime attribute to it. Mahi Time hijacks the click and opens the popup. No need to duplicate styling.

<a href="#" class="your-existing-cta" data-mahitime="your-salon">
  Book an appointment
</a>

Multi-location?

Add data-mahitime-location with the location slug to skip the location-picker step:

<button data-mahitime="your-salon" data-mahitime-location="westside">
  Book at Westside
</button>

Try it

This button is the real widget, click it to see the popup behaviour your customers will get.

Start a free trial to get your snippet

Inline iframe (embedded on the page)

Show the booking wizard directly on your page, no button click required. Best for dedicated /book pages where booking is the only thing the visitor came to do.

The snippet

<iframe
  src="https://www.mahitime.com/book/your-salon?embed=1"
  style="width:100%; min-height:780px; border:0; border-radius:12px;"
  loading="lazy"
  allow="payment"
  title="Book an appointment"
></iframe>

The ?embed=1 flag hides the public page's outer header and footer so it sits cleanly inside your layout.

Where to paste it

WordPress

Edit the page → Add block → Custom HTML. Paste the snippet. Update.

Squarespace

Edit → Add block → Code (under "More"). Paste the snippet. Save.

Wix

Add Elements → Embed Code → Embed HTML. Paste, then drag to position.

Webflow

Add panel → Embed element. Paste the snippet. Save & publish.

Shopify

Online Store → Pages → Add page (or edit). Switch to "Show HTML" in the editor toolbar. Paste.

Plain HTML

Drop the snippet anywhere in the page body. The script tag can also live in <head> if you prefer.

See it live

The popup widget is loaded right here on this page. The button below uses the demo tenant, click it to walk through the customer experience.