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.

Schritt 1: Deinen Einbettungscode holen

Kopiere den Code-Schnipsel für deine Terminseite wie unter Embed-Code holen beschrieben. Für Squarespace 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 Squarespace einfügen

1. Logge dich in deinen Squarespace-Account ein und öffne den Editor deiner Website
2. Navigiere zu der Seite, auf der du das Buchungsformular hinzufügen möchtest
3. Klicke auf "Bearbeiten", um den Bearbeitungsmodus für diese Seite zu öffnen
4. Klicke auf das "+"-Symbol, um einen neuen Inhaltsblock hinzuzufügen
5. Suche im Inhaltsblock-Menü nach "Code" und wähle es aus
6. Füge deinen Einbettungscode in den erscheinenden Code-Editor ein
7. 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:

1. Wähle den Codeblock aus und klicke auf das Zahnrad-Symbol, um die Blockeinstellungen zu öffnen
2. Aktiviere die Option "Quelltext anzeigen", wenn du den reinen Code verbergen und nur das Ergebnis anzeigen möchtest
3. Um die Höhe anzupassen, musst du eventuell Inline-CSS direkt im Einbettungscode ergänzen
4. Wir empfehlen eine Mindesthöhe von 700px, damit das Buchungsformular richtig angezeigt wird
5. 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.

Aussehen

Das Buchungsformular ist responsiv und passt sich jeder Bildschirmgröße an, es funktioniert also ohne Zusatzaufwand auch in der mobilen Ansicht deiner Squarespace-Seite. Farben, Schriftarten und Logo kommen aus deinem meetergo-Konto, nicht aus Squarespace. Siehe Unternehmens-Branding anpassen.

Änderungen veröffentlichen

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

1. Klicke in der oberen Navigationsleiste auf "Speichern", um deine Seitenänderungen zu sichern
2. Nutze die Vorschau, um sicherzustellen, dass alles korrekt angezeigt wird
3. 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.

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