🧩 Das Buchungs-Widget wird auf Ihrer Website nicht angezeigt? So beheben Sie das Problem
Sie haben Koalendar auf Ihrer Website eingebunden, aber die Buchungsseite wird nicht angezeigt oder erscheint abgeschnitten? Hier finden Sie die häufigsten Ursachen. Informationen zur Einrichtung einer Einbettung von Grund auf finden Sie unter „So fügen Sie Koalendar zu Ihrer Website hinzu“.
🧭 In diesem Leitfaden
- 🟢 Schritt 1: Überprüfen Sie, ob Ihre Buchungsseite online ist
- 📋 Schritt 2: Kopiere den vollständigen Einbettungscode erneut
- 🧱 Schritt 3: Verwende einen HTML- oder Code-Block
- 🛡️ Schritt 4: Blocker und Cookie-Banner überprüfen
- 📐 Schritt 5: Lassen Sie genügend Platz für die Inline-Einbettung
- 💡 Bewährte Vorgehensweisen
- ℹ️ Häufig gestellte Fragen
✅ Schritt 1: Überprüfen Sie, ob Ihre Buchungsseite online ist
Öffnen Sie Ihren Buchungslink in einem privaten Browserfenster. Falls die Seite nicht geladen wird, ist die Funktion möglicherweise deaktiviert: Aktivieren Sie sie über Ihr Dashboard wieder.
✅ Schritt 2: Kopieren Sie den vollständigen Einbettungscode erneut
Klicken Sie auf „Teilen“ → „Zur Website hinzufügen“, wählen Sie das Format aus und kopieren Sie den Code erneut. Fügen Sie den gesamten Code unverändert ein.
- Popup-Text: Ein Link oder eine Schaltfläche, über die Ihre Buchungsseite in einem Popup-Fenster geöffnet wird.
- Inline-Einbettung: Ihre Buchungsseite direkt auf Ihrer Seite.
- Popup-Widget: eine schwebende Schaltfläche in der Ecke Ihrer Website.
✅ Schritt 3: Verwenden Sie einen HTML- oder Code-Block
Website-Baukästen entfernen häufig Skripte, die in einen normalen Textblock eingefügt werden. Fügen Sie den Code stattdessen in einen HTML-, Einbettungs- oder benutzerdefinierten Code-Block ein. In unseren plattformspezifischen Anleitungen erfahren Sie, wo Sie diese Blöcke bei WordPress, Wix, Squarespace, Shopify und anderen Anbietern finden.
Bei einigen Editoren werden Skripte in der Vorschau nicht ausgeführt. Veröffentlichen Sie Ihre Seite und überprüfen Sie die Live-Website.
✅ Schritt 4: Blocker und Cookie-Banner überprüfen
- Testen Sie dies in einem privaten Fenster, in dem die Werbeblocker deaktiviert sind.
- Wenn Sie ein Tool zur Einwilligungserklärung für Cookies verwenden, stellen Sie bitte sicher, dass es keine Skripte von koalendar.com blockiert.
- Falls für Ihre Website strenge Sicherheitsrichtlinien (CSP) gelten, lassen Sie koalendar.com zu.
✅ Schritt 5: Lassen Sie genügend Platz für die Inline-Einbettung
Wenn die Inline-Einbettung abgeschnitten erscheint, fügen Sie sie in einen Abschnitt mit voller Breite ein und stellen Sie sicher, dass kein übergeordnetes Element eine feste, geringe Höhe hat.
Immer noch Probleme? Nutze den Iframe-Fallback, der fast überall funktioniert.
💡 Bewährte Verfahren
- Fügen Sie jeden Einbettungscode nur einmal pro Seite ein.
- Überprüfen Sie Ihre Website nach jeder Änderung auch auf Mobilgeräten.
- Entwickler können die Einbettung mit „Advanced Koalendar Embed“ weiter anpassen.
ℹ️ Häufig gestellte Fragen
Das Widget funktioniert auf dem Desktop, aber nicht auf Mobilgeräten.
Stellen Sie sicher, dass Ihr Builder den Code-Block auf Mobilgeräten nicht ausblendet und dass der Abschnitt breit genug ist.
Funktioniert es immer noch nicht?
Wenden Sie sich bitte an unser Support-Team und geben Sie dabei die URL der Seite an, auf der Sie den Code eingefügt haben.