So fügen Sie Koalendar zu einer Squarespace-Website hinzu

Ermöglichen Sie Ihren Besuchern, ganz einfach Termine mit Ihnen zu vereinbaren – direkt über Ihre Squarespace-Website. Koalendar funktioniert perfekt mit Squarespace und bietet Ihnen mehrere Integrationsmöglichkeiten:

🧭 In diesem Leitfaden

1. 🔗 Link hinzufügen (Schaltfläche, Text oder Bild)
2. 🧩 Koalendar auf einer Seite einbetten
3. 🎈 Eine schwebende Schaltfläche auf allen Seiten anzeigen

🔗 Link hinzufügen (Schaltfläche, Text oder Bild)

Der schnellste Weg zum Start:

1. Fügen Sie Ihrer Squarespace-Seite eine Schaltfläche, einen Textblock oder ein Bild hinzu.
2. Markieren Sie das Element und klicken Sie auf das Symbol „Link “.

3. Wählen Sie URLund einfügen Ihr Koalendar-Link (z. B. https://koalendar.com/e/you )

   

✅ Funktioniert hervorragend für grundlegende Buchungszugriffe, ohne etwas einzubetten.

🧩 Koalendar auf einer Seite einbetten

Koalendar bietet mehrere Einbettungsstile. Wählen Sie den Stil, der zu Ihrem Design passt:

• 🧩 Inline-Einbettung – Betten Sie den gesamten Terminplaner in den Inhalt Ihrer Seite ein.
• 🖱️ Popup-Link oder Schaltfläche – Fügen Sie einen Text oder eine Schaltfläche hinzu, die einen Popup-Terminplaner öffnet.
• 🎈 Floating Button Widget – Ein Button, der auf dem gesamten Bildschirm sichtbar bleibt

Siehe Beispiele: Koalendar-Einbettungsoptionen →

Einbetten:

1. Kopieren Sie den gewünschten Einbettungscode:

   

2. Klicken Sie auf Ihrer Squarespace-Seite auf „+ Block hinzufügen “ → „Code“ und dann auf das Symbol „Bearbeiten “.
3. Stellen Sie sicher, dass der ausgewählte Modus HTML ist, und fügen Sie Ihren Koalendar-Einbettungscode ein.
4. Größe nach Bedarf anpassen und veröffentlichen

📌 Wichtig: Im Editor von Squarespace wird möglicherweise die Meldung „Skript deaktiviert“ angezeigt. Dies ist normal –die Einbettung wird auf Ihrer Live-Website korrekt angezeigt.

🎈 Eine schwebende Schaltfläche auf allen Seiten anzeigen

Möchten Sie einen Terminvereinbarung-Button auf Ihrer gesamten Website anzeigen? Mit unserem Popup-Widget und der Code-Einfügung von Squarespace ist das kein Problem.

1. Kopieren Sie Ihren Koalendar Popup Widget -Code.

   

2. Gehen Sie in Squarespace zu Website → Seiten.

   

3. Scrollen Sie nach unten und wählen Sie„Benutzerdefinierter Code“ >„Code-Einfügung“.

   

4. Fügen Sie im Abschnitt„Fußzeile“ Ihren Koalendar-Widget-Code ein und klicken Sie auf „Speichern“.

   

5. Das war's schon! Aktualisieren Sie die Seite und Sie werden sehen, dass Ihre Schaltfläche nun auf allen Ihren Seiten angezeigt wird.