Startseite / Funktionen / Einbettbares iFrame-Buchungs-Widget

Einbettbares iFrame-Buchungs-Widget

Geben Sie Ihren Mandanten die Möglichkeit, ihren Buchungsablauf direkt auf der eigenen Website zu platzieren. Mit dem einbettbaren iFrame-Buchungs-Widget können Mandanten ein einziges Code-Snippet einfügen und sofort die Booknetic-Buchungserfahrung rendern – ohne Weiterleitungen, ohne neue Tabs, einfach nahtloses On-Site-Scheduling.

Warum es überzeugt

Reibungslose Buchungen – Besucher bleiben auf der Mandanten-Site, wählen Services und Zeiten und schließen die Buchung dort ab.
Schnell einsatzbereit – Code kopieren, in jeden Website-Builder einfügen (WordPress, Webflow, Wix, Custom HTML) – fertig.
Mandanten-Branding – Widget übernimmt Branding, Services, Sprachen und Einstellungen des Mandanten.
Überall lauffähig – Mobil-responsive, passt in die meisten Themes/Page-Builder ohne Zusatzcode.
Sicher konzipiert – Nutzt die mandantenspezifische Buchungs-URL, über HTTPS eingebettet.

So funktioniert’s

Jeder Mandant erhält eine eigene Buchungs-URLBei Erstellung (Selbstregistrierung oder manuelle Provisionierung) generiert Booknetic SaaS eine mandantenspezifische URL für das Buchungspanel.
Der Mandant bettet diese URL in ein iFrame einDie Website lädt das Buchungspanel innerhalb eines <iframe>. Verfügbarkeiten, Daten und Logik bleiben in Booknetic – eingebettet wird nur die UI.
Alles funktioniert wie gewohntKapazitäten, Mitarbeiterpläne, Zahlungen, Benachrichtigungen und Workflows verhalten sich im iFrame identisch.

Buchungsschritte per URL-Parametern vorwählen

Das Widget ist mehr als nur ein Embed: Mit Parametern lassen sich Schritte vorab setzen – ideal für gezielte Flows nach Mitarbeiter, Service oder Kampagne.

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

staff=1 → Voreinstellung eines bestimmten Mitarbeiters
service=1 → Voreinstellung eines bestimmten Services
location=1 → Voreinstellung eines Standorts

Kombinieren Sie Parameter, um Einstiegs-Schritte zu überspringen und Kunden direkt in einen vorausgefüllten Flow zu führen. Das funktioniert nahtlos im iFrame, indem Sie die Parameter in der src verwenden.

Kampagnen-Beispiel:

Ein Yogastudio mit „Erste Stunde gratis bei Anna“ bettet ein:

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

Besucher landen direkt im Buchungsformular für Annas Yogaklasse – ohne Extra-Klicks.

Schnellstart (Copy & Paste)

<!-- Platzieren Sie dies dort, wo das Buchungsformular erscheinen soll -->
<iframe
  src="https://your-saas-domain.com/tenant-slug"
  title="Online Booking"
  
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="payment *; clipboard-write"
></iframe>

Tipps

min-height an das Layout anpassen (typisch 900–1400 px).
width:100% für mobile Responsivität beibehalten.
Exakte Mandanten-Buchungs-URL verwenden – bei Bedarf mit Parametern.

Anpassung (mandantengesteuert)

Da das iFrame das echte Buchungsformular des Mandanten lädt, erfolgen Anpassungen in den Mandanten-Einstellungen von Booknetic:

Branding & Theme – Logos, Farben, Typografie
Sprache – Entspricht der Mandanten-Sprache/Locale
Services & Personal – Manuell wählbar oder per URL-Parametern vorfüllbar
Zahlungen – Greift auf die aktivierten Gateways (Stripe, PayPal, WooCommerce etc.) zu
Benachrichtigungen & Workflows – E-Mail, SMS, WhatsApp, Telegram, Erinnerungen, Follow-ups, Geburtstagskampagnen

Best Practices

HTTPS überall – Sowohl die Mandanten-Site als auch die iFrame-URL müssen über HTTPS laufen.
Saubere Einbettseite – Möglichst vollflächige Inhaltsbereiche, besonders mobil.
Höhe einplanen – Das Formular kann je nach Schritten wachsen; großzügige min-height vermeidet Scroll-Probleme.
Promoten – Buttons wie „Jetzt buchen“ auf die Einbettseite verlinken.
Kampagnen messen – URL-Parameter mit UTM-Tags kombinieren.

Häufige Use-Cases

Lokale Businesses – Salons, Kliniken, Gyms betten Buchungen direkt ein.
Agenturen – Branded Buchungsseiten für mehrere Kunden mit minimalem Setup.
Landingpages – Zielkampagnen mit vorgewählten Schritten zur Reduktion von Absprüngen.

Was nicht erforderlich ist

Keine zusätzlichen Plug-ins – Funktioniert mit jedem Website-Builder (WordPress, Webflow, Wix, Squarespace, Custom HTML u. a.).
Keine doppelte Konfiguration – Änderungen an Services, Personal oder Branding in Booknetic werden überall im Embed sofort wirksam.
Kein Plattform-Lock-in – Egal ob WordPress oder komplett individuell entwickelt: Das iFrame-Widget integriert sich nahtlos.