Comment ajouter Koalendar à un site Squarespace
Permettez à vos visiteurs de prendre facilement rendez-vous avec vous, directement depuis votre site Squarespace. Koalendar fonctionne parfaitement avec Squarespace et vous offre plusieurs possibilités d'intégration :
🧭 Dans ce guide
- 🔗 Ajouter un lien (bouton, texte ou image)
- 🧩 Intégrer Koalendar à une page
- 🎈 Afficher un bouton flottant sur toutes les pages
🔗 Ajouter un lien (bouton, texte ou image)
La manière la plus rapide de commencer :
- Ajoutez un bouton, un bloc de texte ou une image à votre page Squarespace.
- Sélectionnez l'élément et cliquez sur l'icône Lien .
-
Choisissez URL, et coller votre lien Koalendar (par exemple,
https://koalendar.com/e/you)
✅ Fonctionne très bien pour un accès de base à la réservation sans rien intégrer.
🧩 Intégrer Koalendar à une page
Koalendar propose plusieurs styles d'intégration. Choisissez celui qui correspond le mieux à votre design :
- 🧩 Intégration en ligne – Intégrez l'intégralité du planificateur dans le contenu de votre page.
- 🖱️ Lien ou bouton contextuel – Ajoutez un texte ou un bouton qui ouvre un planificateur contextuel.
- 🎈 Widget bouton flottant – Un bouton qui reste visible sur tout l'écran
Voir les exemples : Options d'intégration de Koalendar →
Comment intégrer :
-
Copiez le coded'intégration souhaité :

- Dans votre page Squarespace, cliquez sur + Ajouter un bloc → Code, puis sur l'icône Modifier .
- Assurez-vous que le mode sélectionné est HTML et collez votre code d'intégration Koalendar.
- Redimensionnez selon vos besoins et publiez.
📌 Important : dans l'éditeur Squarespace, vous verrez peut-être apparaître le message « Script désactivé ». Ceci est normal :l'intégration s'affichera correctement sur votre site web en ligne.
🎈 Afficher un bouton flottant sur toutes les pages
Vous souhaitez afficher un bouton de prise de rendez-vous sur l'ensemble de votre site ? Vous pouvez le faire grâce à notre widget Popup et à la fonctionnalité Code Injection de Squarespace.
-
Copiez le code de votre widget Koalendar Popup

-
Dans Squarespace, allez dans Site web → Pages.

-
Faites défiler vers le bas et sélectionnezCode personnalisé>Injection de code.

-
Dans la sectionPied de page, collez le code de votre widget Koalendar, puis cliquez sur Enregistrer.

- C'est tout ! Actualisez la page et vous verrez votre bouton apparaître sur toutes vos pages.






