![carsten by elisa](https://netzfreude.de/wp-content/uploads/2022/06/carsten-by-elisa-300x300.jpg)
Wie man Calendly in DIVI-Webseiten integriert
Beispiele für die verschiedenen Arten, wie sich der Service von Calendly in Webseiten integrieren lässt.
![calendly-teaser](https://netzfreude.de/wp-content/uploads/2022/06/calendly-teaser.png)
![](https://netzfreude.de/wp-content/uploads/2021/10/phone-portrait-white.png)
Variante 1:
Ein Button öffnet Deine Buchungsseite bei Calendly
Hier die einfachste und wahrscheinlich weitverbreitetste Variante. Durch klicken eines Buttons oder eines Text-Links öffnet sich ein neuer Browser-Tab und Deine Buchungsseite bei Calendly erscheint.
Variante 2:
Calendly einbetten
Hier sieht es für den Betrachter so aus, als ob der Buchungsdialog nahtlos in die Webseite integriert ist. Bereits beim Start der Seite ist der Calendly-Buchungsdialog sichtbar und auch die nachfolgenden Reaktionen auf die Nutzereingaben, finden im gleichen Fenster bzw. Ausschnitt der Webseite statt.
Variante 3:
Calendly als Widget
Bei dieser Form liegt ein sogenannter „Floating Dialog“ dauerhaft über dem Inhalt der Seite und erst nach Anklicken des Widgets erfolgt die Interaktion.
![Calendly-Widget](https://netzfreude.de/wp-content/uploads/2022/06/Calendly-Widget.jpg)
Variante 4:
Text-Link PopUp
Hier öffnet der Kick auf den o.s. Text-Link ein PopUp-Fenster mit dem Buchungsdialog.