Calendly offre plusieurs options d'intégration qui utilisent JavaScript pour contrôler la mise en page et le comportement. Mais si votre plateforme ne prend pas en charge JavaScript ou autorise uniquement le contenu iframe, vous pouvez toujours intégrer Calendly à l'aide d'une configuration iframe de base.
Ce guide explique quand utiliser l'option iframe, comment la configurer et les limitations auxquelles s'attendre.
Quand utiliser un iframe
Choisissez l'intégration iframe si :
- Votre constructeur de site Web ne prend pas en charge JavaScript
- Vous intégrez Calendly dans une plateforme qui bloque les scripts (comme certains outils de CMS ou des aperçus par e-mail)
- Vous avez juste besoin d'une expérience de réservation simple sans suivi ni personnalisation
Conseil : pour plus de fonctionnalités telles que le contrôle de la mise en page, le pré-remplissage des invités et le suivi des événements, utilisez plutôt les options d'intégration JavaScript de Calendly.
Configurer une intégration iframe
Vous pouvez utiliser n'importe quel lien de planification Calendly dans un iframe. Voici le format de base :
</iframe
src="https://calendly.com/YOUR_SCHEDULING_LINK"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Remplacez YOUR_SCHEDULING_LINK par votre lien réel.
Exemple :
</iframe
src="https://calendly.com/jane-doe/30min"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Conseils de mise en page
- Régler une largeur minimale : 320 px pour prendre en charge les appareils mobiles
- Utilisez une hauteur minimale : 700 px pour éviter les barres de défilement
- Ajustez la largeur ou la largeur maximale pour qu'elle corresponde à votre mise en page
Ce que les intégrations uniquement en iframe ne peuvent pas faire
Sans JavaScript, l'intégration est plus limitée. Vous ne serez pas en mesure de :
- Pré-remplir le nom ou l'e-mail de l'invité
- Suivre les événements tels que les réservations
- Redimensionner automatiquement le widget
- Masquer les photos de profil ou la bannière de cookies
Certaines fonctionnalités nécessitent la prise en charge de JavaScript pour fonctionner correctement.
Besoin de plus de contrôle ?
Si votre plateforme le permet, passez aux options d'intégration avancées de Calendly. Ces options vous permettent de :
- Pré-remplir les détails de l'invité
- Ajuster automatiquement la hauteur du widget
- Suivre les événements et les paramètres UTM
- Personnaliser les couleurs, les styles et les étiquettes