Give tenants the power to place their booking flow directly on their own websites. The Embeddable iFrame Booking Widget lets any tenant drop a single code snippet onto a page and instantly render their Booknetic SaaS booking experience — no redirects, no extra tabs, just seamless on-site scheduling.

Why it’s great

• Frictionless bookings – Keep visitors on the tenant’s site while they pick services, times, and complete the booking.

• Fast to deploy – Copy the embed code, paste it into any website builder (WordPress, Webflow, Wix, custom HTML), and you’re live.

• Tenant-branded – The widget inherits the tenant’s branding, services, languages, and settings, so the booking experience perfectly matches their account.

• Works everywhere – Mobile-responsive and designed to fit inside most themes and page builders without extra coding.

• Secure by design – Uses the tenant’s unique booking URL, served over HTTPS for safe embedding.

How It Works

1. Every tenant gets a unique booking URL When a tenant is created (via self-registration or manual provisioning), Booknetic SaaS generates a tenant-specific URL for the booking panel.

2. The tenant embeds that URL in an iFrame The website simply loads the booking panel inside an <iframe>. All availability, data, and logic still live in Booknetic — only the UI is embedded.

3. Everything still applies Service capacity, staff schedules, payments, notifications, and workflows all function exactly the same way inside the iFrame.

Pre-Selecting Booking Steps with URL Parameters

The widget isn’t just an embed — it can also be customized with pre-selected booking steps using URL parameters. This helps tenants create tailored booking flows for specific staff, services, or campaigns.

Example:

https://your-saas-domain.com/tenant-slug?staff=1&service=1&location=1

• staff=1 → Pre-selects a specific staff member

• service=1 → Pre-selects a specific service

• location=1 → Pre-selects a specific location

These can be combined to skip initial steps and send customers directly to a pre-filled booking journey.

Works seamlessly inside the iFrame embed — just include the parameters in the src attribute.

Campaign Example:

A yoga studio running a “Free First Class with Anna” campaign can embed:

<iframe src="https://your-saas-domain.com/yogastudio?staff=2&service=5"></iframe>

Visitors land straight on Anna’s yoga class booking form, no extra clicks needed.

Quick start (copy–paste)

<!-- Place this where you want the booking form -->

<iframe

  src="https://your-saas-domain.com/tenant-slug"

  title="Online Booking"

  loading="lazy"

  referrerpolicy="no-referrer-when-downgrade"

  allow="payment *; clipboard-write"

></iframe>

Tips:

• Adjust min-height to fit your layout (typically 900–1400px).

• Keep width:100% for mobile responsiveness.

• Use the tenant’s exact booking URL, with parameters if needed.

Customization options (tenant-controlled)

Since the iFrame loads the tenant’s actual booking form, all customization comes from the tenant’s settings in Booknetic:

• Branding & theme – Logos, colors, and text styling.

• Language – Reflects the tenant’s language/locale.

• Services & staff – Can be manually selected or pre-filled with URL parameters.

• Payments – Works with the tenant’s chosen gateways (Stripe, PayPal, WooCommerce, etc.).

• Notifications & workflows – Email, SMS, WhatsApp, Telegram, reminders, follow-ups, and birthday campaigns all trigger normally.

Best practices

• Use HTTPS everywhere – Ensure both the tenant’s site and the iFrame URL are on HTTPS to avoid browser blocking.

• Embed on a clean page – Use full-width content areas for a better user experience, especially on mobile.

• Plan for height – The form can expand depending on steps; a tall min-height avoids scroll issues.

• Promote it – Link buttons like “Book Now” to the page where the iFrame is embedded.

• Track campaigns – Combine pre-selected parameters with UTM codes for marketing analytics.

Common use cases

• Local businesses – Salons, clinics, gyms embed booking directly on their websites.

• Agencies – Deploy branded booking pages for multiple client websites with minimal setup.

• Landing pages – Run targeted campaigns with pre-selected booking steps to reduce drop-off.

What it doesn’t require

• No plug-ins needed – Works with any website builder (WordPress, Webflow, Wix, Squarespace, custom HTML, and more).

• No double configuration – Update services, staff, or branding in Booknetic once; the widget updates automatically everywhere it’s embedded.

• No platform lock-in – Whether your tenant runs a WordPress site or a completely custom-built site, the iFrame widget integrates seamlessly.