> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://meetergo.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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 Terminseite hast, schaue dir zuerst [diesen Artikel](https://help.meetergo.com/de/article/terminarten-los2sb/) an.

1. Gehe zu deinen [__Terminseiten__](https://my.meetergo.com/meeting-types)
2. Klicke auf den "**Teilen**"-Button neben der Terminseite, die du einbetten möchtest
3. Wähle im Teilen-Fenster den Tab "**Einbettung/Website**"
4. Wähle deine bevorzugte Integrationsoption. Am einfachsten ist "**Einbettung**".
5. 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

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.

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

###### 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](https://help.meetergo.com/de/article/aussehen-der-buchungsseite-anpassen-mit-css-1h673v4/).

###### Wird das eingebettete Formular mobil-optimiert sein?

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