Terminbuchung in Squarespace einbetten
Wenn du die Buchungsfunktion direkt auf deiner Squarespace-Website integrieren möchtest, bist du hier genau richtig. Diese Anleitung zeigt dir Schritt für Schritt, wie du deine meetergo-Buchungsseite in deine Squarespace-Seite einfügst, sodass Besucher Termine buchen können, ohne deine Website zu verlassen.
Du hast noch keine Terminart? Dann schau mal in diesen Artikel.
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.
Logge dich in deinen Squarespace-Account ein und öffne den Editor deiner Website
Navigiere zu der Seite, auf der du das Buchungsformular hinzufügen möchtest
Klicke auf "Bearbeiten", um den Bearbeitungsmodus für diese Seite zu öffnen
Klicke auf das "+"-Symbol, um einen neuen Inhaltsblock hinzuzufügen
Suche im Inhaltsblock-Menü nach "Code" und wähle es aus
Füge deinen Einbettungscode in den erscheinenden Code-Editor ein
Klicke auf "Anwenden", um den Codeblock zu speichern
Dein Buchungsformular wird nun auf deiner Seite angezeigt. Du solltest die Vorschau deiner Website nutzen, um zu sehen, wie das Formular für Besucher aussehen wird.
Damit dein Buchungsformular optimal dargestellt wird, sind möglicherweise ein paar Anpassungen nötig:
Wähle den Codeblock aus und klicke auf das Zahnrad-Symbol, um die Blockeinstellungen zu öffnen
Aktiviere die Option "Quelltext anzeigen", wenn du den reinen Code verbergen und nur das Ergebnis anzeigen möchtest
Um die Höhe anzupassen, musst du eventuell Inline-CSS direkt im Einbettungscode ergänzen
Wir empfehlen eine Mindesthöhe von 700px, damit das Buchungsformular richtig angezeigt wird
Speichere deine Änderungen, um die Anpassungen zu übernehmen
Squarespace bietet nur eingeschränkte Möglichkeiten zur direkten Anpassung von eingebetteten Inhalten, aber das Formular übernimmt automatisch einige Stil-Elemente deines Squarespace-Templates.
Wenn du mit dem Aussehen und der Funktion deines Buchungsformulars zufrieden bist:
Klicke in der oberen Navigationsleiste auf "Speichern", um deine Seitenänderungen zu sichern
Nutze die Vorschau, um sicherzustellen, dass alles korrekt angezeigt wird
Wenn du zufrieden bist, sind deine Änderungen sofort live (oder klicke auf "Veröffentlichen", falls du an einer noch nicht veröffentlichten Seite arbeitest)
Nach der Veröffentlichung können deine Website-Besucher Termine direkt über das eingebettete meetergo-Formular buchen, ohne deine Seite zu verlassen.
Wenn dein Buchungsformular nicht korrekt dargestellt wird, überprüfe die Höhenangabe im Einbettungscode. meetergo-Buchungsformulare benötigen normalerweise mindestens 700px Höhe, damit alle Elemente korrekt angezeigt werden. In Squarespace musst du eventuell Inline-CSS im iframe deines Einbettungscodes ergänzen, um die Höhe anzupassen.
Ja! Du kannst das Erscheinungsbild 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, damit alles zu deinem Branding passt. Du kannst außerdem benutzerdefiniertes CSS verwenden.
Ja, das meetergo-Buchungsformular ist vollständig responsiv und passt sich automatisch allen Geräten an. Squarespace-Seiten sind ebenfalls mobil-optimiert, daher sollte die Einbettung auf allen Bildschirmgrößen gut funktionieren.
Ja, du kannst dein meetergo-Buchungsformular in ein Popup oder eine Lightbox in Squarespace einfügen. Erstelle dafür zuerst einen Button oder Link, der das Popup auslöst, und füge dann deinen Einbettungscode in einen Codeblock innerhalb des Popups ein. Du musst eventuell die Größe des Popups anpassen, damit das Buchungsformular korrekt angezeigt wird.
Das meetergo-Buchungsformular ist so optimiert, dass es effizient lädt und sollte die Gesamtleistung deiner Seite nur minimal beeinflussen.
Schritt 1: Deinen Einbettungscode holen
Du hast noch keine Terminart? Dann schau mal in diesen Artikel.
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 Squarespace einfügen
Logge dich in deinen Squarespace-Account ein und öffne den Editor deiner Website
Navigiere zu der Seite, auf der du das Buchungsformular hinzufügen möchtest
Klicke auf "Bearbeiten", um den Bearbeitungsmodus für diese Seite zu öffnen
Klicke auf das "+"-Symbol, um einen neuen Inhaltsblock hinzuzufügen
Suche im Inhaltsblock-Menü nach "Code" und wähle es aus
Füge deinen Einbettungscode in den erscheinenden Code-Editor ein
Klicke auf "Anwenden", um den Codeblock zu speichern
Dein Buchungsformular wird nun auf deiner Seite angezeigt. Du solltest die Vorschau deiner Website nutzen, um zu sehen, wie das Formular für Besucher aussehen wird.
Schritt 3: Größe und Stil der Einbettung anpassen
Damit dein Buchungsformular optimal dargestellt wird, sind möglicherweise ein paar Anpassungen nötig:
Wähle den Codeblock aus und klicke auf das Zahnrad-Symbol, um die Blockeinstellungen zu öffnen
Aktiviere die Option "Quelltext anzeigen", wenn du den reinen Code verbergen und nur das Ergebnis anzeigen möchtest
Um die Höhe anzupassen, musst du eventuell Inline-CSS direkt im Einbettungscode ergänzen
Wir empfehlen eine Mindesthöhe von 700px, damit das Buchungsformular richtig angezeigt wird
Speichere deine Änderungen, um die Anpassungen zu übernehmen
Squarespace bietet nur eingeschränkte Möglichkeiten zur direkten Anpassung von eingebetteten Inhalten, aber das Formular übernimmt automatisch einige Stil-Elemente deines Squarespace-Templates.
Änderungen veröffentlichen
Wenn du mit dem Aussehen und der Funktion deines Buchungsformulars zufrieden bist:
Klicke in der oberen Navigationsleiste auf "Speichern", um deine Seitenänderungen zu sichern
Nutze die Vorschau, um sicherzustellen, dass alles korrekt angezeigt wird
Wenn du zufrieden bist, sind deine Änderungen sofort live (oder klicke auf "Veröffentlichen", falls du an einer noch nicht veröffentlichten Seite arbeitest)
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 dargestellt wird, überprüfe die Höhenangabe im Einbettungscode. meetergo-Buchungsformulare benötigen normalerweise mindestens 700px Höhe, damit alle Elemente korrekt angezeigt werden. In Squarespace musst du eventuell Inline-CSS im iframe deines Einbettungscodes ergänzen, um die Höhe anzupassen.
Kann ich die Farben des Buchungsformulars anpassen?
Ja! Du kannst das Erscheinungsbild 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, damit alles zu deinem Branding passt. 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. Squarespace-Seiten sind ebenfalls mobil-optimiert, daher sollte die Einbettung auf allen Bildschirmgrößen gut funktionieren.
Kann ich das Buchungsformular in ein Popup oder Lightbox in Squarespace einfügen?
Ja, du kannst dein meetergo-Buchungsformular in ein Popup oder eine Lightbox in Squarespace einfügen. Erstelle dafür zuerst einen Button oder Link, der das Popup auslöst, und füge dann deinen Einbettungscode in einen Codeblock innerhalb des Popups ein. Du musst eventuell die Größe des Popups anpassen, damit das Buchungsformular korrekt angezeigt wird.
Wird das Buchungsformular die Ladegeschwindigkeit meiner Squarespace-Seite beeinträchtigen?
Das meetergo-Buchungsformular ist so optimiert, dass es effizient lädt und sollte die Gesamtleistung deiner Seite nur minimal beeinflussen.
Aktualisiert am: 28/04/2025
Danke!