🚀 Comment ajouter Koalendar à votre site web

👉 Voir des exemples de nos options d'intégration →

Permettez aux visiteurs de prendre rendez-vous avec vous sans jamais quitter votre site. Koalendar propose plusieurs méthodes d'intégration rapides, sans aucun codage requis, ainsi qu'un SDK JavaScript avancé pour un contrôle total. Choisissez ci-dessous l'option qui correspond à votre flux de travail.

📖 Menu

1. ✂️ Étape 1 – Choisissez ce que vous souhaitez intégrer
2. 🔗 Étape 2 – Copiez votre code d'intégration
3. 🌐 Guides spécifiques à chaque plateforme
4. 🛠️ Intégration avancée (JavaScript)
5. 🖼️ iframe fallback (sans JS)

✂️ Étape 1 – Choisissez ce que vous souhaitez intégrer

Koalendar peut intégrer deux types de contenu sur votre site :

💡 Astuce : vous ne savez pas comment partager votre page publique? Suivez ce petit guide : Comment partager votre lien public (liste de toutes les pages de réservation)

🔗 Étape 2 – Copiez votre code d'intégration

1. Dans votre tableau de bord Koalendar, cliquez sur Partager sur la page de réservation que vous souhaitez promouvoir :

   

2. Cliquez sur Ajouter au site web:

   

3. Sélectionnez le style d'intégration souhaité (en ligne, widget contextuel, texte contextuel) :

   

4. Cliquez surCopier le codeet collez-le dans le code HTML de votre site web.

Astuce : vous avez besoin de plusieurs pages dans un seul élément intégré ? Créez d'abord une page publique, puis intégrez ce lien.

🌐 Guides spécifiques à chaque plateforme

La plupart des constructeurs fonctionnent de la même manière (coller le code dans un bloc Embed/HTML ), mais nous proposons des guides détaillés pour les plateformes les plus courantes :

• WordPress
• Squarespace
• Wix
• Sites Google
• Shopify
• Joomla
• Unbounce
• Webflow
• Weebly
• Linktree

Si votre constructeur ne figure pas dans la liste, les instructions générales ci-dessus s'appliquent toujours. Il vous suffit de rechercher le widget HTML, Code ou Intégrer dans votre éditeur.

🛠️ Intégration avancée (JavaScript)

Vous avez besoin d'un déclencheur de pop-up personnalisé ou d'un contrôle programmatique ? Ajoutez notre extrait JavaScript léger et le tour est joué.

📚 Instructions complètes et exemples de code : Intégration avancée de Koalendar pour les développeurs

🖼️ iframe fallback (sans JS)

Si votre plateforme supprime le JavaScript personnalisé (certains forfaits gratuits le font), intégrez Koalendar à l'aide d'un simple <iframe> au lieu de :

<iframe src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true" width="100%" height="800" frameborder="0"></iframe>

Guide étape par étape ➡︎ Comment intégrer Koalendar avec une balise iframe