So binden Sie Koalendar in Weebly ein
Besucher können direkt über jede Weebly-Website Termine bei Ihnen buchen. Es ist kein Plugin erforderlich – kopieren Sie einfach Ihren Koalendar-Einbettungscode und fügen Sie ihn in den Drag-and-Drop-Builder von Weebly ein.
📑 Menü
- Schritt 1 – Kopieren Sie Ihren Koalendar-Code
- Schritt 2 – Fügen Sie es in Weebly ein
- Fehlerbehebung
- Welchen Stil soll ich wählen?
📋 Schritt 1 – Kopieren Sie Ihren Koalendar-Code
- Klicken Sie im Koalendar-Dashboard neben der gewünschten Buchungsseite auf „Teilen “.
- Wählen Sie „Zur Website hinzufügen“.
- Wählen Sie einen Einbettungsstil aus und klicken Sie auf „Code kopieren“.
| Einbettungsstil | Besuchererlebnis |
|---|---|
| Inline-Einbettung 🖥️ | Der vollständige Kalender wird direkt auf der Seite angezeigt. |
| Popup-Widget 📍 | Der Sticky-Button öffnet ein Kalender-Popup. |
| Popup-Text 🔗 | Jeder Link oder jede Schaltfläche öffnet einen Pop-up-Kalender. |
🎨 Tipp: Passen Sie Farben, Text und Position vor dem Kopieren an Ihr Weebly-Theme an.
📝 Schritt 2 – Fügen Sie es in Weebly ein
Inline-Einbettung oder Popup-Text/Schaltfläche
- Ziehen Sie im Weebly-Editor ein Element „Einbettungscode“ an die Stelle, an der Sie den Kalender (oder den Auslöser-Link) haben möchten.
- Klicken Sie auf „Benutzerdefiniertes HTML bearbeiten“.
- Fügen Sie Ihren Koalendar-Code ein.
- Veröffentlichen Sie Ihre Website, um sie live zu sehen (Skripte werden in der Vorschau von Weebly nicht ausgeführt).
Popup-Widget (standortübergreifender schwebender Button)
- Gehen Sie in Weebly zu Einstellungen → SEO → Fußzeilencode.
- Fügen Sie das kopierte Koalendar-Widget-Skript ein.
- Speichern und veröffentlichen.
- Die schwebende Schaltfläche wird nun auf jeder Seite angezeigt, die diese Vorlage verwendet.
📝 Benötigen Sie das Widget nur auf bestimmten Seiten? Fügen Sie das Skript in ein Einbettungscode-Element auf der gewünschten Seite ein, anstatt in die globale Fußzeile.
🛠️ Fehlerbehebung
| Problem | Schnelle Lösung |
| Kalender oder Widget fehlt in der Vorschau | Website veröffentlichen – Weebly deaktiviert Skripte von Drittanbietern im Vorschaumodus. |
| Schwimmender Button wird nicht angezeigt | Vergewissern Sie sich, dass das Skript im Fußzeilencode (oder im Einbettungscode-Element der Seite) gespeichert ist und dass Sie die Seite erneut veröffentlicht haben. |
| Der Link zum Aufrufen der Lightbox wird angezeigt, öffnet sich jedoch nicht. | Stellen Sie sicher, dass sich sowohl das Trigger-Snippet als auch das Koalendar-Skript auf derselben Seite befinden. |
| Der Inline-Kalender sieht zu hoch/zu niedrig aus. | Passen Sie die Höhe des Einbettungscode-Elements an oder legen Sie in Koalendar eine feste Höhe fest, bevor Sie den Code kopieren. |
🤔 Welchen Stil soll ich wählen?
| Ziel | Bester Stil |
| Spezieller Buchungsbereich auf einer Landing Page | Inline-Einbettung 🖥️ |
| Website-weite Handlungsaufforderung | Popup-Widget 📍 |
| Fügen Sie einer vorhandenen Schaltfläche oder einem Link eine Terminplanung hinzu. | Popup-Text 🔗 |
| Schnellster Off-Page-Link | Direkter Link ↗️ |