Comment intégrer Calendly dans Joomla
- Disponible pour:
- Tous les utilisateursLes rôles déterminent les paramètres de compte et d'équipe qu'une personne peut gérer. Votre rôle peut varier selon l'organisation, l'équipe ou le groupe.
- Forfaits:
- Free, Essentials, Professional, Standard, Teams avec l'extension SSO, and EnterpriseL'accès aux fonctionnalités peut varier selon votre forfait, la date de création de votre compte et les extensions éventuelles.
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.