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.

📑 Menu

1. Étape 1 – Copiez votre lien Koalendar
2. Étape 2 – Créer et coller l'iframe
3. Dépannage

📋 Étape 1 – Copiez votre lien Koalendar

1. Dans votre tableau de bord Koalendar , choisissez la page de réservation que vous souhaitez intégrer.
2. 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
 title="Booking page powered by Koalendar"
 src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true"
 width="100%"
 height="800px"
 frameborder="0">
</iframe>

• Pour des raisons d'accessibilité, veillez à ce que le titre  attribut de l'iframe. Il aide les utilisateurs de lecteurs d'écran à comprendre le contenu intégré. Vous pouvez personnaliser le titre pour qu'il corresponde à votre page de réservation.
• 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

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

• Comment ajouter Koalendar à votre site web
• Intégration avancée de Koalendar pour les développeurs