Comment ajouter Koalendar à un site Web Wix
Intégrez votre expérience de réservation directement à votre site web, sans code. Choisissez parmi trois méthodes simples :
- 🔗 Lien: utilisez un bouton, une image ou un lien texte.
- 🧩 Intégration en ligne: affichez le planificateur directement sur la page.
- 🎈 Bouton flottant intégré: ajoutez une option de réservation contextuelle
🧭 Dans ce guide
- 🔗 Ajouter un lien (bouton, texte ou image)
- 🧩 Intégrer le planificateur en ligne
- 🎈 Ajouter un planificateur de boutons flottants
- 🤔 Quelle option choisir ?
🔗 Ajouter un lien (bouton, texte ou image)
Restez simple : redirigez les visiteurs vers votre page de réservation :
- Ajoutez un bouton, une zone de texte ou une image à votre page Wix.
- Cliquez sur l'élément → Lien
-
Sélectionner Adresse Web et coller votre URL Koalendar (par exemple
https://koalendar.com/e/yourname)
- Cliquez sur Terminé et Publier.
🧩 Option d'intégration 1 : intégration en ligne

Affichez votre Koalendar directement sur votre site :
-
Copiez le code d'intégration en ligne à partir des options d'intégration de votre Koalendar.

- Dans l'éditeur Wix, accédez à la page où vous souhaitez intégrer le code, cliquez sur+ Ajouter des éléments, sélectionnez l'optionIntégrer le code, puis cliquez surIntégrer le code HTML.
- Sélectionnez l'option Code, collez le code d'intégration et cliquez sur Appliquer.
- Ajustez la taille et cliquez sur Publier.
🎈 Option d'intégration 2 : widget contextuel

Ajoutez un bouton qui reste affiché à l'écran et ouvre votre page de réservation dans une fenêtre contextuelle lorsque vous cliquez dessus :
-
Copiez le code du widget contextuel à partir des options d'intégration de votre Koalendar.

-
Dans l'éditeur Wix, cliquez sur+ Ajouter des éléments →Intégrer du code→Outils marketing →Code personnalisé.

- Cliquez sur Ajouter un code
-
Collez le code, sélectionnez les pages sur lesquelles vous souhaitez afficher le bouton flottant, puis cliquez surAppliquer.

- C'est tout ! Votre bouton apparaîtra désormais sur votre site Wix.
💡 Astuce: personnalisez la couleur, le libellé, l'icône et la position du bouton dans Koalendar avant de copier le code.
🤔 Lequel devriez-vous utiliser ?
| Option | À utiliser si... |
|---|---|
| 🔗 Lien | Vous voulez la configuration la plus simple |
| 🧩 Intégration en ligne | Réservation directement depuis le contenu de votre site |
| 🎈 Bouton flottant | Fenêtre contextuelle compacte disponible depuis n'importe quelle page |





