Calendly - Widget Popup

Ce qu'on va faire sur cette page

Meme principe que l'embed, mais Calendly s'ouvre dans un popup au clic sur un bouton. Le listener JavaScript est identique.

  1. Ouvrir GTM Preview
  2. Cliquer le bouton pour ouvrir le popup Calendly
  3. Interagir avec le calendrier dans le popup
  4. Observer les memes events que la version embed

Calendly en mode popup - s'ouvre au clic

Besoin d'un accompagnement ?

Reservez un creneau de 30 minutes pour discuter de votre projet tracking.

Prendre rendez-vous

Variante : Badge flottant

Calendly propose aussi un "badge widget" - un petit bouton flottant en bas de page. Le listener fonctionne pareil.

Events captures :

Ouvre le popup et interagis avec Calendly...

Listener identique pour les 3 modes 
// Le listener est IDENTIQUE a la version embed.
// Les events postMessage sont les memes quel que soit le mode d'integration.

// Les 3 modes Calendly :
// 1. Inline embed     -> <div class="calendly-inline-widget">
// 2. Popup widget     -> Calendly.initPopupWidget({url: "..."})
// 3. Badge widget     -> Calendly.initBadgeWidget({url: "...", text: "Prendre RDV"})

// Le meme listener JavaScript capture les events des 3 modes.
// Pas besoin de code different !

Popup vs Embed vs Badge

Embed : integre dans la page, toujours visible. Ideal pour les pages dediees a la prise de RDV.
Popup : s'ouvre au clic, ne prend pas de place. Ideal pour les CTA dans une page de vente.
Badge : petit bouton flottant permanent. Ideal pour un acces rapide sur toutes les pages.