How to Embed Koalendar with an <iframe>

Koalendar propose plusieurs options d'intégration qui utilisent JavaScript pour contrôler la mise en page et le comportement. Mais si votre plateforme ne prend pas en charge JavaScript, ou n'autorise que le contenu iframe, vous pouvez toujours intégrer Koalendar à l'aide d'une configuration iframe de base.

📋 Étape 1 – Copiez votre lien Koalendar

Dans votre tableau de bord Koalendar , choisissez la page de réservation que vous souhaitez intégrer.
Cliquez Partager et copiez le URL (par exemple https://koalendar.com/e/your-page).

📝 Étape 2 – Créer et coller l'iframe

Collez votre lien dans le modèle ci-dessous, puis ajoutez le code HTML à votre site.

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

Si votre lien contient déjà un ? , remplacer ?embed=true avec &embed=true .
Insérez ce code dans n'importe quel bloc HTML / Embed / Code fourni par votre constructeur de site, puis enregistrez ou publiez.

Les visiteurs verront immédiatement votre calendrier, sans avoir besoin de scripts.

🛠️ Dépannage

Problème	Correction
Rien ne montre	Vérifiez l'intégralité `https://` L'URL est intacte et publiée.
Les barres de défilement apparaissent	Augmenter `hauteur` ou ajouter du CSS `débordement : masqué` au conteneur parent.
Le constructeur de pages supprime les iframes	Certains forfaits gratuits n'autorisent pas le HTML personnalisé. Vérifiez les limitations de votre plateforme.

Vous recherchez d'autres styles d'intégration, tels que Popup Widget ou Popup Text/Button, ou des paramètres avancés ? Consultez :