Calendly bietet mehrere Einbettungsoptionen, die JavaScript verwenden, um Layout und Verhalten zu steuern. Wenn Ihre Plattform jedoch kein JavaScript unterstützt – oder nur iframe-Inhalte zulässt –, können Sie Calendly trotzdem mit einem einfachen iframe-Setup einbetten.
In diesem Leitfaden wird erläutert, wann Sie die Iframe-Option verwenden sollten, wie Sie sie einrichten und welche Einschränkungen Sie erwarten können.
Wann Sie einen iframe verwenden sollten
Wählen Sie die Iframe-Einbettung, wenn:
- Ihr Website-Builder unterstützt kein JavaScript
- Sie betten Calendly in eine Plattform ein, die Skripte blockiert (wie einige CMS-Tools oder E-Mail-Vorschauen).
- Sie benötigen nur ein einfaches Buchungserlebnis ohne Nachverfolgung oder Anpassungen
Tipp: Um weitere Funktionen wie Layoutsteuerung, Vorabausfüllen von eingeladenen Person und Ereignisverfolgung zu erhalten, verwenden Sie stattdessen Calendlys JavaScript-Einbettungsoptionen.
Betten Sie ein Iframe ein
Sie können einen beliebigen Calendly-Planungs-Link in einem Iframe verwenden. Hier ist das Basisformat:
</iframe
src="https://calendly.com/YOUR_SCHEDULING_LINK"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Ersetzen Sie YOUR_SCHEDULING_LINK durch Ihren tatsächlichen Link.
Beispiel:
</iframe
src="https://calendly.com/jane-doe/30min"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Layouttipps
- Mindestbreite festlegen: 320px zur Unterstützung mobiler Geräte
- Verwenden Sie mindestens eine Höhe von 700px um Scrollbalken zu vermeiden
- Passen Sie die Breite oder Maximalbreite an Ihr Layout an
Was Einbettungen ausschließlich mit Iframes nicht leisten können
Ohne JavaScript ist die Funktionalität der Einbettung eingeschränkt. Sie werden nicht in der Lage sein:
- Fülle den Namen oder die E-Mail-Adresse der eingeladenen Person im Voraus aus.
- Ereignisse wie Buchungen verfolgen
- Größe des Widgets automatisch anpassen.
- Profilbilder oder das Cookie-Banner ausblenden
Einige Funktionen erfordern JavaScript-Unterstützung, um korrekt zu funktionieren.
Möchten Sie mehr Kontrolle?
Wenn Ihre Plattform dies zulässt, wechseln Sie zu den erweiterten Einbettungsoptionen von Calendly. Damit können Sie:
- Details zur eingeladenen Person vorab ausfüllen
- Widget-Höhe automatisch anpassen
- Ereignisse und UTM-Parameter verfolgen
- Farben, Stile und Beschriftungen anpassen.