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
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.
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.
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.
