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

Wenn du noch keine Terminart hast, schaue dir zuerst diesen Artikel an.

Gehe zu deinen Terminarten
Klicke auf den "Teilen"-Button neben der Terminart, die du einbetten möchtest
Wähle im Teilen-Fenster den Tab "Einbetten/Website"
Wähle deine bevorzugte Integrationsoption. Am einfachsten ist "Inline-Einbettung".
Klicke auf "Code kopieren", um den Einbettungscode in deine Zwischenablage zu kopieren

Der Einbettungscode enthält alles, was du benötigst, um dein Buchungsformular auf deiner Website anzuzeigen. Halte ihn bereit – du brauchst ihn im nächsten Schritt.

Schritt 2: Den Einbettungscode in Webflow einfügen

Logge dich in deinen Webflow-Account ein und öffne den Designer deiner Website
Navigiere zu der Seite, auf der du das Buchungsformular hinzufügen möchtest
Klicke auf das "+"-Symbol im linken Panel, um das Element-Panel zu öffnen
Suche im Element-Panel nach "Embed"
Ziehe das "Embed"-Element an die gewünschte Stelle auf deiner Seite
Wähle das Embed-Element aus und füge deinen meetergo-Einbettungscode in das Feld "Embed Code" im Einstellungs-Panel ein
Klicke auf "Save", 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:

Wähle das Embed-Element aus und öffne die "Element Settings" im rechten Panel
Setze eine geeignete Höhe für das Element (wir empfehlen mindestens 700px)
Für die Breite kannst du entweder eine feste Breite oder einen Prozentsatz (zum Beispiel 100%, um den Container auszufüllen) verwenden
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.

Änderungen veröffentlichen

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

Klicke auf den "Publish"-Button oben rechts im Designer
Überprüfe deine Änderungen in der Vorschau
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.

Häufig gestellte Fragen (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.

Kann ich die Farben des Buchungsformulars anpassen?

Ja! Du kannst das Aussehen deines Buchungsformulars direkt in deinem meetergo-Account anpassen. Gehe zu deinen Kontoeinstellungen und dann zu "Erscheinungsbild". Dort kannst du Farben, Schriftarten und weitere Gestaltungselemente ändern, um sie an dein Branding anzupassen. Du kannst außerdem benutzerdefiniertes CSS verwenden.

Wird das eingebettete Formular mobil-optimiert sein?

Ja, das meetergo-Buchungsformular ist vollständig responsiv und passt sich automatisch allen Geräten an.

Aktualisiert am: 28/04/2025