Comment intégrer Koalendar dans Weebly
Permettez aux visiteurs de prendre rendez-vous directement avec vous depuis n'importe quel site Weebly. Aucun plugin n'est nécessaire : il vous suffit de copier votre code d'intégration Koalendar et de le coller dans l'éditeur glisser-déposer de Weebly.
📑 Menu
- Étape 1 – Copiez votre code Koalendar
- Étape 2 – Collez-le dans Weebly
- Dépannage
- Quel style choisir ?
📋 Étape 1 – Copiez votre code Koalendar
- Dans le tableau de bord Koalendar, cliquez sur Partager à côté de la page de réservation que vous souhaitez afficher sur votre site.
- Sélectionnez Ajouter au site Web.
- Sélectionnez un style d'intégration et cliquez sur Copier le code.
| Style intégré | Expérience des visiteurs |
|---|---|
| Intégration en ligne 🖥️ | Le calendrier complet apparaît directement sur la page. |
| Widget contextuel 📍 | Le bouton collant ouvre une fenêtre contextuelle du calendrier. |
| Texte contextuel 🔗 | Tout lien ou bouton ouvre un calendrier contextuel. |
🎨 Astuce : personnalisez les couleurs, le texte et la position avant de copier afin de les adapter à votre thème Weebly.
📝 Étape 2 – Collez-le dans Weebly
Intégration en ligne ou texte/bouton contextuel
- Dans l'éditeur Weebly, faites glisser un élément « Code d'intégration » à l'endroit où vous souhaitez placer le calendrier (ou le lien de déclenchement).
- Cliquez sur Modifier le code HTML personnalisé.
- Collez votre code Koalendar.
- Publiez votre site pour le voir en ligne (les scripts ne fonctionnent pas dans l'aperçu de Weebly).
Widget contextuel (bouton flottant sur l'ensemble du site)
- Dans Weebly, allez dans Paramètres → SEO → Code de pied de page.
- Collez le script du widget Koalendar que vous avez copié.
- Enregistrer et publier.
- Le bouton flottant apparaît désormais sur toutes les pages qui utilisent ce modèle.
📝 Vous avez besoin du widget uniquement sur certaines pages spécifiques ? Collez le script dans un élément « Embed Code » (Code d'intégration) sur la page souhaitée plutôt que dans le pied de page global.
🛠️ Dépannage
| Problème | Solution rapide |
| Calendrier ou widget manquant dans l'aperçu | Publiez le site — Weebly désactive les scripts tiers en mode aperçu. |
| Le bouton flottant ne s'affiche pas | Vérifiez que le script est enregistré dans le code de pied de page (ou dans l'élément Code d'intégration de la page) et que vous avez republié. |
| Le lien de déclenchement de la visionneuse apparaît mais ne s'ouvre pas. | Assurez-vous que le snippet de déclenchement et le script Koalendar se trouvent sur la même page. |
| Le calendrier intégré semble trop haut/bas | Ajustez la hauteur de l'élément Embed Code ou définissez une hauteur fixe dans Koalendar avant de copier. |
🤔 Quel style choisir ?
| Objectif | Meilleur style |
| Section dédiée aux réservations sur une page d'accueil | Intégration en ligne 🖥️ |
| Appel à l'action sur l'ensemble du site | Widget contextuel 📍 |
| Ajouter une planification à un bouton ou un lien existant | Texte contextuel 🔗 |
| Lien hors page le plus rapide | Lien direct ↗️ |