{"id":1172,"date":"2026-09-08T14:18:12","date_gmt":"2026-09-08T12:18:12","guid":{"rendered":"https:\/\/mivo-booking.com\/?p=1172"},"modified":"2026-09-08T14:18:13","modified_gmt":"2026-09-08T12:18:13","slug":"webflow-buchungssystem","status":"publish","type":"post","link":"https:\/\/mivo-booking.com\/de\/webflow-buchungssystem\/","title":{"rendered":"Webflow Buchungssystem einbinden: Termine und Kurse online buchbar machen"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Ein <strong>Webflow Buchungssystem<\/strong> richtest du ein, indem du eine Buchungsplattform wie <strong>mivo booking<\/strong> \u00fcber das Code-Embed-Element in deine Website einbindest. Du erstellst dein Angebot, kopierst den Einbettungscode und f\u00fcgst ihn an der gew\u00fcnschten Stelle ein. Besucher k\u00f6nnen anschlie\u00dfend einen Termin oder Kursplatz ausw\u00e4hlen und buchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Anleitung richtet sich an Webdesigner, die Kundenwebsites um eine Terminbuchung erweitern, und an Dienstleister mit einer eigenen Webflow-Website. Als Beispiel verwenden wir ein kostenloses 30-min\u00fctiges Erstgespr\u00e4ch. Danach zeigen wir, worauf es bei Kursen und Workshops ankommt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>mivo booking<\/strong> ist eine eigenst\u00e4ndige Buchungsplattform. Die Buchungsverwaltung findet in mivo booking statt; Webflow \u00fcbernimmt die Darstellung deiner Website und des eingebetteten Buchungsbereichs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neben Embed-L\u00f6sungen gibt es auch Webflow-native Buchungs-Apps, die mit Formularen im Designer arbeiten. Ein externes <strong>Webflow Buchungssystem<\/strong> per Embed ist besonders dann sinnvoll, wenn Konto und Buchungsalltag beim Kunden liegen sollen, du Termine und Kurse in einem Tool abbildest und die L\u00f6sung nicht an einen einzelnen Website-Builder gebunden sein darf. Wenn du die Buchungsoberfl\u00e4che pixelgenau wie die restliche Webflow-Seite stylen musst, kann ein natives Formular-Setup die bessere Wahl sein.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was du brauchst, um ein Webflow Buchungssystem einzurichten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Einrichtung ben\u00f6tigst du:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zugriff auf die betreffende Webflow-Website.<\/li>\n<li>Einen Webflow-Tarif, der das Code-Embed-Element freischaltet.<\/li>\n<li>Ein Konto bei mivo booking und ein buchbares Angebot.<\/li>\n<li>Optional einen Google-Kalender, den du verbinden m\u00f6chtest.<\/li>\n<li>Optional Stripe und mivo booking Pro f\u00fcr Zahlungen w\u00e4hrend der Buchung.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Welchen Webflow-Tarif brauchst du?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laut <a href=\"https:\/\/help.webflow.com\/hc\/en-us\/articles\/33961332238611-Custom-code-embed\" target=\"_blank\" rel=\"noopener\">Webflows Dokumentation zum Code-Embed-Element<\/a> ist die Funktion mit einem aktiven Site-Plan oder einem Core-, Growth-, Agency- beziehungsweise Freelancer-Workspace verf\u00fcgbar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe deshalb zuerst, ob Code Embed in deinem Projekt freigeschaltet ist. Ein kostenloses Konto bei mivo booking allein bedeutet nicht, dass auch s\u00e4mtliche Webflow-Voraussetzungen kostenlos sind.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Welche Funktionen von mivo booking sind kostenlos?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Website-Einbettung, Google-Kalender-Anbindung und Buchungsbest\u00e4tigungen sind bereits im kostenlosen Plan enthalten. Unbegrenzte Buchungen und Event-Typen gelten im Rahmen der <a href=\"https:\/\/mivo-booking.com\/de\/fair-use-richtlinie\/\">Fair-Use-Richtlinie<\/a>. F\u00fcr Stripe-Zahlungen und das Entfernen des Brandings ben\u00f6tigst du Pro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr unser kostenloses Erstgespr\u00e4ch kannst du mit dem Gratisplan beginnen. Die aktuellen Tarifdetails findest du auf der <a href=\"https:\/\/mivo-booking.com\/de\/preise\/\">Preisseite<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Webflow Buchungssystem einbinden: Schritt f\u00fcr Schritt<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Deinen Termin in mivo booking erstellen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lege zun\u00e4chst fest, was Besucher buchen sollen. F\u00fcr unser Beispiel erstellst du ein Angebot mit folgenden Angaben:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Einstellung<\/th><th>Beispiel<\/th><\/tr><\/thead><tbody><tr><td>Angebot<\/td><td>Kostenloses Erstgespr\u00e4ch<\/td><\/tr><tr><td>Dauer<\/td><td>30 Minuten<\/td><\/tr><tr><td>Preis<\/td><td>Kostenlos<\/td><\/tr><tr><td>Verf\u00fcgbarkeit<\/td><td>Deine vorgesehenen Gespr\u00e4chszeiten<\/td><\/tr><tr><td>Beschreibung<\/td><td>Kurze Erkl\u00e4rung, f\u00fcr wen das Gespr\u00e4ch gedacht ist<\/td><\/tr><tr><td>Buchungsfrage<\/td><td>\u201eWobei kann ich dir helfen?\u201c<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere vor der Einbettung die \u00f6ffentliche Buchungsansicht. Werden die richtigen Zeiten angezeigt? Ist verst\u00e4ndlich, was der Termin beinhaltet? Sind nur die tats\u00e4chlich ben\u00f6tigten Angaben verpflichtend?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit pr\u00fcfst du den Buchungsablauf unabh\u00e4ngig vom Website-Layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Den passenden Einbettungscode kopieren<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne die Einbettungsfunktion f\u00fcr das gew\u00fcnschte Angebot in mivo booking und kopiere den bereitgestellten Code vollst\u00e4ndig.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberlege dabei, ob Besucher ein einzelnes Angebot oder deine gesamte Buchungs\u00fcbersicht sehen sollen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Einzelnes Angebot:<\/strong> passend f\u00fcr eine Leistungsseite zum Erstgespr\u00e4ch.<\/li>\n<li><strong>Buchungs\u00fcbersicht:<\/strong> sinnvoll f\u00fcr eine zentrale Seite mit mehreren Angeboten.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr unser Beispiel verwenden wir das Erstgespr\u00e4ch direkt auf der zugeh\u00f6rigen Leistungsseite. So m\u00fcssen Besucher das Angebot nicht noch einmal in einer \u00dcbersicht suchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nutze den von mivo booking erzeugten Code. Erfinde keine eigene Embed-Adresse und entferne keine Bestandteile, deren Funktion du nicht kennst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Das Code-Embed-Element in Webflow einsetzen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne die gew\u00fcnschte Seite im Webflow Designer. So l\u00e4sst sich ein Buchungssystem in Webflow einbinden: W\u00e4hle den Bereich aus, in dem die <strong>Webflow Terminbuchung<\/strong> erscheinen soll, und f\u00fcge \u00fcber das Add-Panel ein <strong>Code Embed<\/strong> ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Platziere es beispielsweise in einem Container unter der Leistungsbeschreibung. \u00d6ffne den Code-Editor des Elements, f\u00fcge den kopierten Code ein und speichere ihn.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende das ausf\u00fchrbare Code-Embed-Element. Ein Codeblock, der Quelltext lediglich als Beispiel anzeigt, ist daf\u00fcr nicht geeignet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine klare Seitenfolge f\u00fcr das Erstgespr\u00e4ch ist:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Angebot erkl\u00e4ren \u2192 Ablauf und Dauer nennen \u2192 Termin ausw\u00e4hlen lassen.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Breite, Abst\u00e4nde und Hintergrund einstellen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gestalte jetzt den Bereich um die Buchung. In Webflow legst du beispielsweise die Containerbreite, Innenabst\u00e4nde, \u00dcberschrift und den Hintergrund der Sektion fest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Achte auf ausreichend Platz f\u00fcr den <strong>Webflow Buchungskalender<\/strong> und das Formular. Ein enger Seitenbereich kann die Bedienung unn\u00f6tig erschweren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Gestaltung innerhalb der eingebetteten Buchungsoberfl\u00e4che ist davon getrennt. Schriftarten oder Button-Stile deiner Webflow-Seite werden bei einer externen iframe-Einbettung nicht automatisch auf deren Inhalt \u00fcbertragen. Nutze daf\u00fcr die verf\u00fcgbaren Einstellungen in mivo booking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr das Layout empfiehlt sich:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ein Buchungsbereich, der die verf\u00fcgbare Containerbreite nutzt.<\/li>\n<li>Ausreichend Abstand zwischen Einleitung und Kalender.<\/li>\n<li>Keine unn\u00f6tig niedrige feste H\u00f6he des umgebenden Containers.<\/li>\n<li>Eine Embed-H\u00f6he, die auch sp\u00e4tere Schritte im Buchungsablauf ber\u00fccksichtigt.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn dein Einbettungscode eine dynamische H\u00f6he unterst\u00fctzt, pr\u00fcfe diese Option. Kontrolliere trotzdem jeden Buchungsschritt auf abgeschnittene Inhalte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Die mobile Terminbuchung pr\u00fcfen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Wechsle im Webflow Designer zu den schmaleren Ansichten und kontrolliere den Buchungsbereich zus\u00e4tzlich auf einem Smartphone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe dabei nicht nur den ersten Kalenderbildschirm:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sind Datum und Uhrzeit gut ausw\u00e4hlbar?<\/li>\n<li>Bleiben Formularfelder und Schaltfl\u00e4chen vollst\u00e4ndig sichtbar?<\/li>\n<li>Entsteht horizontales Scrollen?<\/li>\n<li>Wird ein sp\u00e4terer Buchungsschritt abgeschnitten?<\/li>\n<li>Sind die Abst\u00e4nde auf kleinen Bildschirmen angemessen?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Darstellungsproblemen pr\u00fcfst du zuerst die Breite des Embeds, seine H\u00f6he sowie feste H\u00f6hen und Overflow-Einstellungen der umgebenden Container.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Auf einer Testadresse ver\u00f6ffentlichen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ver\u00f6ffentliche die Seite zun\u00e4chst auf der Webflow-Staging-Adresse, beispielsweise deiner vorhandenen <code>webflow.io<\/code>-Subdomain. So kannst du die Integration pr\u00fcfen, bevor du \u00c4nderungen auf der Kunden-Domain ver\u00f6ffentlichst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Webflow unterst\u00fctzt die <a href=\"https:\/\/help.webflow.com\/hc\/en-us\/articles\/33961351954579-How-do-I-publish-or-unpublish-a-Webflow-site\" target=\"_blank\" rel=\"noopener\">getrennte Ver\u00f6ffentlichung auf der Staging-Subdomain<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Einbettungen k\u00f6nnen sich im Designer, in der Vorschau und auf einer ver\u00f6ffentlichten Seite unterschiedlich verhalten. Entscheidend ist deshalb der vollst\u00e4ndige Test auf der ver\u00f6ffentlichten Testadresse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Eine vollst\u00e4ndige Testbuchung durchf\u00fchren<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne die Testseite in einem privaten Browserfenster und buche das Erstgespr\u00e4ch mit eigenen Testdaten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere anschlie\u00dfend:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die Buchung erscheint im Dashboard von mivo booking.<\/li>\n<li>Datum, Uhrzeit und Zeitzone stimmen.<\/li>\n<li>Die Best\u00e4tigung erreicht die verwendete E-Mail-Adresse.<\/li>\n<li>Antworten auf Buchungsfragen wurden \u00fcbernommen.<\/li>\n<li>Eine konfigurierte Kalenderanbindung verh\u00e4lt sich wie vorgesehen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00e4ume die Testbuchung anschlie\u00dfend wieder auf, damit sie keine echte Verf\u00fcgbarkeit blockiert. Wenn Darstellung und Ablauf stimmen, ist dein Webflow Buchungssystem bereit f\u00fcr die vorgesehene Domain.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kurse und Workshops im Webflow Buchungssystem buchbar machen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem Einzeltermin reserviert ein Kunde ein Zeitfenster. Bei einem Workshop melden sich mehrere Teilnehmer f\u00fcr dasselbe Angebot an.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nehmen wir als zweites Beispiel einen Workshop mit zw\u00f6lf Pl\u00e4tzen. Daf\u00fcr legst du unter anderem Datum, Dauer, Teilnehmerkapazit\u00e4t, Beschreibung und gegebenenfalls einen Preis fest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auf der Website sollte vor der Buchung deutlich werden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>F\u00fcr wen der Workshop geeignet ist.<\/li>\n<li>Wann und wo er stattfindet.<\/li>\n<li>Was im Preis enthalten ist.<\/li>\n<li>Ob ein einzelner Termin oder mehrere zusammengeh\u00f6rige Termine gebucht werden.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Achte besonders auf den Unterschied zwischen einer Kursreihe und einzeln buchbaren Kursterminen. Die gew\u00e4hlte Angebotskonfiguration muss dem entsprechen, was du auf der Website versprichst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste anschlie\u00dfend auch die Teilnehmergrenze und gegebenenfalls die Warteliste. Das Webflow Buchungssystem folgt beim Kurs demselben Embed-Prinzip wie beim Erstgespr\u00e4ch.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Optional im Webflow Buchungssystem: Zahlungen und Google Kalender<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Zahlungen bei der Buchung entgegennehmen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr kostenpflichtige Termine und Kurse kannst du Stripe mit mivo booking Pro verwenden. Verbinde den Zahlungsanbieter und pr\u00fcfe die Zahlungseinstellungen des jeweiligen Angebots.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Kundenprojekten sollte die Zahlungsabwicklung dem Kunden zugeordnet sein. Kl\u00e4re au\u00dferdem, welche Kosten durch das Buchungstool und welche durch den Zahlungsanbieter entstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe einen Zahlungsablauf in einer daf\u00fcr vorgesehenen Testumgebung, sofern verf\u00fcgbar. Eine kostenlose Testbuchung best\u00e4tigt noch nicht, dass Checkout und Webflow Buchungssystem zusammenpassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Google Kalender anbinden<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Verbinde bei Bedarf den vorgesehenen Google-Kalender. Kontrolliere, ob neue Buchungen im richtigen Kalender erscheinen und wie bestehende Kalendertermine bei der Verf\u00fcgbarkeit ber\u00fccksichtigt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein sichtbarer Kalendereintrag allein belegt noch nicht, dass alle gew\u00fcnschten Regeln zur Vermeidung von \u00dcberschneidungen richtig eingestellt sind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Probleme beim Webflow Buchungssystem<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Das Code-Embed-Element ist nicht verf\u00fcgbar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe den Site- beziehungsweise Workspace-Plan und deine Berechtigungen im Projekt. Vergleiche sie mit den aktuellen Webflow-Voraussetzungen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Im Designer erscheint nur ein Platzhalter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Das kann bei eingebettetem Code vorkommen. Pr\u00fcfe die Vorschau und anschlie\u00dfend die ver\u00f6ffentlichte Testseite, bevor du den Code ver\u00e4nderst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Die Buchung bleibt auch auf der ver\u00f6ffentlichten Seite leer<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere, ob der Einbettungscode vollst\u00e4ndig gespeichert wurde und die Buchungsadresse erreichbar ist. Pr\u00fcfe au\u00dferdem Browserkonsole und Netzwerkanfragen auf Fehlermeldungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine direkt erreichbare Buchungsseite kann dennoch beim Einbetten Probleme verursachen. M\u00f6gliche Ursachen sind unter anderem blockierte Skripte, Einbettungsbeschr\u00e4nkungen oder die Konfiguration der Website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Auf dem Smartphone wird Inhalt abgeschnitten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe Embed-H\u00f6he, Containerh\u00f6he und Overflow-Einstellungen. Achte darauf, dass die L\u00f6sung auch nach der Terminauswahl und beim Ausf\u00fcllen des Formulars funktioniert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">F\u00fcr Webdesigner: Webflow Buchungssystem an den Kunden \u00fcbergeben<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Plane die \u00dcbergabe bereits bei der Einrichtung. Das Kundenkonto, der Kalender und gegebenenfalls Stripe sollten nachvollziehbar dem jeweiligen Unternehmen zugeordnet sein. Mehr zum Agency-Workflow findest du im Guide <a href=\"https:\/\/mivo-booking.com\/de\/buchungssystem-fur-webdesigner\/\">Buchungssystem f\u00fcr Webdesigner<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zeige dem Kunden die wichtigsten Aufgaben direkt am eingerichteten Angebot:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Angebote und verf\u00fcgbare Zeiten bearbeiten.<\/li>\n<li>Buchungen und Teilnehmer ansehen.<\/li>\n<li>Best\u00e4tigungen und Buchungsfragen anpassen.<\/li>\n<li>Zust\u00e4ndigkeiten f\u00fcr \u00c4nderungen und Support verstehen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Halte fest, welche Aufgaben du nach dem Website-Launch weiter \u00fcbernimmst. So bleibt das Webflow Buchungssystem nach der \u00dcbergabe klar verst\u00e4ndlich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Weitere Anleitungen im Cluster<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du dasselbe Setup in einem anderen Builder brauchst: <a href=\"https:\/\/mivo-booking.com\/de\/buchungssystem-zu-wordpress-hinzufuegen\/\">Buchungssystem in WordPress einbinden<\/a> und <a href=\"https:\/\/mivo-booking.com\/de\/elementor-buchungssystem\/\">Elementor Buchungssystem einbinden<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fragen zum Webflow Buchungssystem<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Kann ich kostenlos eine Terminbuchung in Webflow einrichten?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">mivo booking bietet einen kostenlosen Plan mit Website-Einbettung. F\u00fcr das Code-Embed-Element muss dein Webflow-Projekt zus\u00e4tzlich die entsprechenden Tarifvoraussetzungen erf\u00fcllen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Brauche ich eine zus\u00e4tzliche Webflow-App?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den hier beschriebenen Weg ben\u00f6tigst du ein Konto bei mivo booking und das Code-Embed-Element. Eine zus\u00e4tzliche App aus dem Webflow Marketplace ist daf\u00fcr nicht erforderlich.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kann ich das Buchungssystem mit Webflow vollst\u00e4ndig gestalten?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Du gestaltest in Webflow das umgebende Seitenlayout. Anpassungen innerhalb der externen Buchungsoberfl\u00e4che erfolgen \u00fcber die verf\u00fcgbaren Einstellungen in mivo booking.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kann ich Termine und Kurse auf derselben Website anbieten?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja. Mit einem Webflow Buchungssystem kannst du passende Angebote auf unterschiedlichen Leistungsseiten einbetten oder eine gemeinsame Buchungs\u00fcbersicht verwenden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ist die Buchungsverwaltung mit dem Webflow CMS synchronisiert?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Einbettung stellt die Buchungsoberfl\u00e4che auf der Website dar. Ein Webflow Buchungssystem bedeutet damit nicht automatisch, dass Angebote oder Buchungen mit Webflow CMS Collections synchronisiert werden. Der hier beschriebene Ablauf ben\u00f6tigt keine solche Synchronisation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dein n\u00e4chster Schritt mit dem Webflow Buchungssystem<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Beginne mit einem klar definierten Termin oder Kurs. Erstelle das Angebot in mivo booking, f\u00fcge die Einbettung auf einer Testseite ein und pr\u00fcfe den gesamten Ablauf auf Desktop und Smartphone. So machst du dein <strong>Webflow Buchungssystem<\/strong> produktionsreif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sobald Auswahl, Buchung und Best\u00e4tigung funktionieren, kannst du den Buchungsbereich auf deiner Website ver\u00f6ffentlichen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/mivo.so\/de\/signup\" target=\"_blank\" rel=\"noopener\"><strong>mivo booking kostenlos starten \u2192<\/strong><\/a> Details zu Free und Pro findest du auf der <a href=\"https:\/\/mivo-booking.com\/de\/preise\/\">Preisseite<\/a>.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Webflow Buchungssystem mit mivo booking einbinden: Code Embed, Staging-Test, Mobile-Check und optionale Stripe-Zahlungen.<\/p>\n","protected":false},"author":1,"featured_media":1177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-1172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-leitfaden"],"_links":{"self":[{"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/posts\/1172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/comments?post=1172"}],"version-history":[{"count":2,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/posts\/1172\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/posts\/1172\/revisions\/1175"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/media\/1177"}],"wp:attachment":[{"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/media?parent=1172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/categories?post=1172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mivo-booking.com\/de\/wp-json\/wp\/v2\/tags?post=1172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}