Terminbuchung in Webflow einbetten

Wenn du die Buchungsfunktion von meetergo direkt auf deiner Webflow-Website integrieren möchtest, bist du hier genau richtig. Diese Anleitung zeigt dir Schritt für Schritt, wie du deine meetergo-Buchungsseite in deine Webflow-Seite einfügst, sodass Besucher Termine buchen können, ohne deine Website zu verlassen.

Schritt 1: Deinen Einbettungscode holen

Kopiere den Code-Schnipsel für deine Terminseite wie unter Embed-Code holen beschrieben. Für Webflow ist die Einbettung (Inline Embed) am einfachsten. Halte den Code in der Zwischenablage bereit, du brauchst ihn im nächsten Schritt.

Schritt 2: Den Einbettungscode in Webflow einfügen

1. Logge dich in deinen Webflow-Account ein und öffne den Designer deiner Website
2. Navigiere zu der Seite, auf der du das Buchungsformular hinzufügen möchtest
3. Klicke auf das "+"-Symbol im linken Panel, um das Element-Panel zu öffnen
4. Suche im Element-Panel nach "Embed"
5. Ziehe das "Embed"-Element an die gewünschte Stelle auf deiner Seite
6. Wähle das Embed-Element aus und füge deinen meetergo-Einbettungscode in das Feld "Embed Code" im Einstellungs-Panel ein
7. Klicke auf "Speichern", um die Änderungen zu übernehmen

Dein Buchungsformular wird nun in der Designer-Vorschau angezeigt. Möglicherweise musst du die Größe des Embed-Elements anpassen, damit das komplette Formular sichtbar ist.

Schritt 3: Größe und Stil der Einbettung anpassen

Damit dein Buchungsformular optimal dargestellt wird, solltest du die Größe des Embed-Elements anpassen:

1. Wähle das Embed-Element aus und öffne die "Element Settings" im rechten Panel
2. Setze eine geeignete Höhe für das Element (wir empfehlen mindestens 700px)
3. Für die Breite kannst du entweder eine feste Breite oder einen Prozentsatz (zum Beispiel 100%, um den Container auszufüllen) verwenden
4. Falls nötig, füge um das Element herum noch etwas Padding hinzu, um genügend Abstand zu gewährleisten

Die Einbettung übernimmt automatisch das Styling deiner Webflow-Seite. Du kannst das Erscheinungsbild des Containers aber auch über das Style-Panel von Webflow an dein Branding anpassen.

Aussehen

Das Buchungsformular selbst ist responsiv und passt sich jeder Bildschirmgröße an. Farben, Schriftarten und Logo kommen aus deinem meetergo-Konto, nicht aus Webflow. Siehe Unternehmens-Branding anpassen.

Änderungen veröffentlichen

Wenn du mit dem Aussehen und der Funktion deines Buchungsformulars zufrieden bist:

1. Klicke auf den "Veröffentlichen"-Button oben rechts im Designer
2. Überprüfe deine Änderungen in der Vorschau
3. Bestätige und veröffentliche deine aktualisierte Website

Nach der Veröffentlichung können deine Website-Besucher Termine direkt über das eingebettete meetergo-Formular buchen, ohne deine Seite zu verlassen.

FAQ

Warum wird mein Buchungsformular nicht richtig angezeigt?

Wenn dein Buchungsformular nicht korrekt angezeigt wird, überprüfe die Höhe deines Embed-Elements. meetergo-Buchungsformulare benötigen normalerweise mindestens 700px Höhe, damit alle Elemente sichtbar sind. Stelle außerdem sicher, dass du den Einbettungscode unverändert eingefügt hast.