Embed

title: Embed category: Integrations order: 2 description: Embed the booking flow on your website so visitors can book without leaving your site.

Embed

Embed SchedulingKit's booking flow directly on your website. Visitors can browse available times, fill in their details, pay (if required), and confirm — all without leaving your site.

How it works

Each event type has an embeddable URL. When you embed it using an iframe, the full booking flow loads within your page.

Getting the embed URL

1. Go to Event Types.
2. Find the event type you want to embed.
3. The embed URL is: /embed/{slug} (where {slug} is the event type's slug).

Example: https://yourdomain.com/embed/30-min-consultation

Adding to your website

Basic iframe

<iframe
  src="https://yourdomain.com/embed/30-min-consultation"
  width="100%"
  height="700"
  frameborder="0"
  style="border: none; min-height: 700px;"
></iframe>

Responsive embed

For better responsive behavior:

<div style="position: relative; width: 100%; overflow: hidden;">
  <iframe
    src="https://yourdomain.com/embed/30-min-consultation"
    width="100%"
    height="800"
    frameborder="0"
    style="border: none;"
  ></iframe>
</div>

Adjust the height based on your event type's booking flow length (more questions or extras may need more height).

What's included in the embed

The embed includes the complete booking flow:

1. Date & time selection — Calendar and available time slots.
2. Details form — Name, email, phone, custom questions.
3. Extras — Add-on selection (if the event type has extras).
4. Payment — Payment form (if payment is required).
5. Confirmation — Booking confirmation with details and calendar links.

Customization

The embed inherits your theme settings from Customize → Theme. Colors, fonts, and branding configured there apply to the embedded flow.

Using with a custom domain

If you have a custom domain configured, use it in the embed URL:

<iframe src="https://booking.yourdomain.com/embed/30-min-consultation" ...></iframe>

Limitations

• The embed is read-only — customers can book but can't access other parts of your booking site (catalog, staff directory, etc.).
• Each embed shows one event type. To let customers choose from multiple, link to your full booking site instead.
• Some popup-based payment flows (e.g. PayPal) may not work well inside iframes. Stripe card payments work seamlessly.