Vous pouvez intégrer Calendly dans votre site Joomla afin que les visiteurs puissent planifier des rendez-vous avec vous directement à partir de votre site Web. Ce guide vous montre comment ajouter le code d'intégration à l'aide des options HTML personnalisées de Joomla.
Avant de commencer
- Assurez-vous de pouvoir ajouter du code HTML personnalisé à votre site Joomla.
- Ensuite, copiez votre code d'intégration à partir de Calendly.
Types d'intégration pris en charge
| Type d'intégration | Fonctionnalité |
| Intégration en ligne | Affiche le calendrier directement sur la page |
| Widget de pop-up | Ajoute un bouton flottant qui ouvre le calendrier |
| Texte de pop-up | Crée un lien qui ouvre le calendrier |
En savoir plus sur les options d'intégration de Calendly.
Ajouter Calendly à Joomla
Vous pouvez ajouter Calendly à l'aide d'un module HTML personnalisé ou directement dans un article. Choisissez l'option qui convient le mieux à votre site.
Option 1 – Utiliser un module HTML personnalisé
- Dans votre panneau d'administration Joomla, allez dans Extensions > Modules.
- Sélectionnez Nouveau, puis Personnalisé.
- Dans l'éditeur :
- Définissez Afficher le titre et la position selon les besoins.
- Sélectionnez le bouton Code ou Outils (qui peut s’apparenter à <>) pour passer en affichage HTML.
- Collez votre code d'intégration.
- Enregistrez et publiez le module.
- Visitez votre site pour vous assurer que l'intégration s'affiche correctement.
Option 2 – Ajouter Calendly à un article
- Accédez à Contenu > Articles.
- Modifiez l'article dans lequel vous souhaitez ajouter Calendly.
- Sélectionnez le bouton Affichage du code (<>) dans l'éditeur.
- Collez votre code d'intégration.
- Enregistrez et prévisualisez l'article.
Conseil : si Joomla supprime les balises <script>, accédez à Configuration globale > Filtres de texte pour modifier les paramètres de votre éditeur.
Exemple de code d'intégration
Voici un exemple d'intégration en ligne :
<div class="calendly-inline-widget"
data-url="https://calendly.com/YOUR_LINK"
style="min-width:320px;height:700px;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>Pour intégrer un widget de pop-up ou un texte de pop-up, copiez le code directement à partir de votre compte Calendly.
Dépannage
- Si rien ne s'affiche, vérifiez si votre éditeur supprime des scripts.
- Testez votre intégration sur ordinateur de bureau et sur mobile.
- Si vous utilisez un modèle dynamique ou une extension, assurez-vous que le script Calendly se charge correctement.