Wenn Ihre Calendly-Einbettung nicht wie erwartet funktioniert, kann dieser Leitfaden helfen. Nachfolgend finden Sie häufige Probleme und wie Sie sie beheben können.
Probleme beim Scrollen und Laden von Bildern beheben
Wenn Ihre Seite nicht scrollen kann oder Bilder nicht geladen werden, könnten die Einbettungsstile von Calendly möglicherweise im Terminkollision mit dem Layout Ihrer Website stehen.
Probieren Sie diesen CSS-Fix aus:
body {
overflow: unset ! important;
}Sie verwenden Squarespace?
Fügen Sie auch Folgendes hinzu:
.site-wrapper {
height: auto;
}Diese Änderungen ermöglichen es Ihrer Seite, normal zu scrollen, und vermeiden LayoutTerminkollisionen – insbesondere, wenn Ihre Website-Vorlage die Höheneinstellungen von Calendly überschreibt.
Verhindern Sie, dass AdBlocker Einbettungen ausblenden
Browser-Erweiterungen können die Einbettungen von Calendly blockieren. Um Besuchern zu helfen:
- Zeigen Sie eine Nachricht wie:
„Bitte deaktivieren Sie Ihren Anzeigenblocker, um diesen Kalender anzuzeigen.“ - Fügen Sie eine Fallback-Schaltfläche hinzu, die die Terminplanungsseite in einer neuen Registerkarte öffnet.
Dropdown-Menüs für Mobilgeräte korrigieren
Dropdown-Menüs in Einbettungen können auf mobilen Geräten außerhalb des Bildschirms geöffnet werden. Versuchen Sie diese Lösungen:
- Verwenden Sie eine kürzere Einbettungshöhe
- Dropdown-Menüs durch Optionsschaltflächen ersetzen (für kurze Listen)
- Wechseln Sie zu einer Popup-Einbettung, die besser auf Mobilgeräten funktioniert.
Passen Sie das Layout basierend auf der Containerbreite an
Das Layout von Calendly reagiert auf die Breite seines Containers.
- So stellen Sie ein nebeneinander angeordnetes Layout dar: Stellen Sie die Breite auf 1000px oder mehr ein
- So wechseln Sie zum gestapelten Layout: Verringern Sie die Breite auf unter 650px
Erfahren Sie, wie Sie Layout und Größen steuern
Zentrieren Sie Ihre Einbettung auf Mobilgeräte
Wenn Ihre Einbettung auf Mobilgeräten dezentrisch erscheint:
- Stellen Sie sicher, dass der Container mindestens 320px breit ist
- Zusätzliche Polsterung oder Ränder um die Einbettung entfernen
Beheben Sie Einbettungen, die am Ende der Seite angezeigt werden
Wenn Sie HubSpot, Marketo oder ähnliche Tools verwenden und Ihre Einbettung an der falschen Stelle erscheint, überprüfen Sie, ob dieses Stylesheet enthalten ist:
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">Ohne dieses Stylesheet können Stile fehlen und die Einbettung wird an das Seitenende verschoben.
Die Einbettung funktioniert nicht, nachdem Sie Ihren Calendly-Link geändert haben
Sehen Sie einen Fehler "Calendly.com lehnte die Verbindung ab"? Ihre Einbettung verwendet möglicherweise einen alten oder falschen Link. So beheben Sie das Problem:
- Einen neuen Einbettungscode in Calendly erstellen
- Den alten Code auf Ihrer Website ersetzen
Oder untersuchen Sie den Link mit ⌘⌥I (Mac) oder klicken Sie mit der rechten Maustaste > Untersuchen und aktualisieren Sie ihn manuell.
Zusätzliche Scrollleisten entfernen
Lesen Sie diesen Leitfaden: So entfernen Sie den Scrollbalken der Einbettung.
Tipp: Verwenden Sie "Untersuchen" in Ihrem Browser, um verschiedene Einbettungshöhen zu testen.
Spezielle Probleme mit dem Website-Builder
Wenn Sie Probleme mit bestimmten Website-Buildern haben, lesen Sie unsere verlinkten Ressourcen.
- Squarespace – Einbetten erscheint nicht im Editor
- Shopify – Schließen-Button erscheint nicht
- Wordpress – Einbetten funktioniert in Elementor nicht
Benötigen Sie Support? Wir sind für Sie da!
Jedes bezahlte Abonnement beinhaltet den Calendly-Standardsupport. Allerdings können nur Inhaber und autorisierte Admins Ihres Unternehmens bestimmte Kontoanfragen stellen. Melden Sie sich bei Calendly an und gehen Sie zum Abschnitt Hilfe, wo Sie Folgendes tun können:
- Durchsuchen Sie unser Hilfecenter.
- Treten Sie unserer Calendly-Gemeinschaft bei, um dort zu suchen, sich auszutauschen und mit anderen Calendly-Benutzern zu vernetzen.
- Chatten Sie mit uns, um Unterstützung in Echtzeit zu erhalten.