Intégrer un iFrame dans un site web Jimdo
L’iFrame edoobox peut être intégré à un site Jimdo Creator pour que les visiteurs voient et réservent vos offres directement sur votre site.
Créez d’abord le code iFrame dans edoobox, puis insérez-le dans Jimdo comme widget HTML.
Préparer la page Jimdo
Ouvrez votre site Jimdo et créez une nouvelle page pour les cours, séminaires ou manifestations.
Donnez à la page un titre clair, par exemple Réserver des cours.
Dans Jimdo Creator, choisissez Ajouter du contenu → Autres contenus et modules complémentaires → Widget/HTML.
Copier le code iFrame dans edoobox
Dans edoobox, ouvrez le répertoire principal, une catégorie ou une offre individuelle souhaitée. Sélectionnez Aperçu / Partager et copiez le code iFrame dans la rubrique Intégrer.
Le choix dépend de ce que vous souhaitez afficher sur la page Jimdo : toutes les offres, une seule catégorie ou une offre individuelle.
Insérer le code dans Jimdo et tester
Insérez le code iFrame copié dans le widget HTML de Jimdo, enregistrez la page et publiez-la. Vérifiez ensuite l’affichage sur ordinateur et smartphone.
Exemple dans Jimdo Creator : insérez le code d’intégration dans l’élément HTML. Le Jimdo Website Builder est un produit distinct qui ne prend pas en charge les iFrames ; utilisez-y un lien direct provenant de Preview Share.
- E
- Sélectionner Widget / HTML pour l’intégration
Si l’iFrame semble vide, vérifiez dans edoobox que les offres sont publiées et que la catégorie, le statut et la période permettent leur affichage.
Configurer précisément le lien et l’intégration
Copiez toujours le lien ou le code iFrame généré par Aperçu / Partager. Une adresse de la barre du navigateur peut contenir un état temporaire et n’est pas destinée à servir de lien d’intégration permanent. Pour une offre individuelle, vous pouvez choisir entre la vue standard et le formulaire d’inscription direct ; pour les catégories et le répertoire principal, la vue d’ensemble est privilégiée.
Dans la boîte de dialogue de partage, vous pouvez aussi adapter le code généré à son utilisation :
- Libellé : identifie la source d’une réservation, par exemple
jimdo-kurse. Utilisez des libellés distincts pour plusieurs intégrations. - Langue : démarre automatiquement ou dans une langue de réservation active sélectionnée.
- Tags : ouvre l’intégration avec une sélection d’offres déjà adaptée.
- Promotion : transmet directement un code promotionnel sélectionné via le lien. Partagez ces liens uniquement avec le public prévu.
- Scroll-to-top : ramène la page englobante au début de l’intégration lors d’un changement d’étape.
Si aucun lien correct vers votre site ne figure dans la boîte de dialogue de partage, enregistrez d’abord sous Paramètres > Offres l’URL de base de la page qui intègre l’iFrame.
Vérifier l’affichage et le parcours de réservation complet
Insérez l’intégralité du code généré dans un élément HTML ou d’intégration. Il contient l’iFrame et le script edoobox pour l’affichage intégré. Si seul le lien interne est repris ou si Jimdo retire des parties du script, la hauteur et la navigation peuvent réagir différemment de l’aperçu.
Après chaque modification, vérifiez l’ordinateur et le smartphone ainsi que le parcours complet : ouvrir l’offre, remplir le formulaire, accepter les conditions, accéder à la page de paiement et afficher la page finale. Contrôlez aussi que la langue, le filtre par tag, la promotion et le libellé sont repris comme prévu.
Exemple d’utilisation : page de cours dans Jimdo
Un organisme de formation crée dans Jimdo une page Réserver des cours. Dans edoobox, il copie le code iFrame de la catégorie Formations continues et l’insère dans Jimdo. Les visiteurs voient ensuite directement les cours actuels et peuvent réserver sans rupture de parcours.
Exemple d’utilisation : page de campagne multilingue dans Jimdo
Une organisation crée une page Jimdo dédiée à une campagne de printemps. Dans la boîte de dialogue de partage, elle choisit le français, le tag Outdoor, un code promotionnel limité dans le temps et le libellé fruehling-jimdo. Après l’insertion, elle teste une réservation complète sur smartphone et ordinateur et vérifie dans edoobox que la source est clairement identifiable.
Jimdo Website Builder sans intégration HTML
Selon l’aide officielle de Jimdo, vous ne pouvez pas insérer de HTML, de script ou d’iFrame personnalisé dans Jimdo Website Builder. Les étapes de ce guide s’appliquent à Jimdo Creator. Dans Website Builder, utilisez plutôt un bouton normal ou un lien texte vers le lien direct de réservation edoobox actuel.
Guides associés
Version Jimdo et élément HTML
Ces étapes s’appliquent à Jimdo Creator avec l’élément Widget/HTML. Le guide officiel Jimdo pour l’insertion de widgets décrit cet éditeur. Si l’élément manque dans votre produit Jimdo, faites vérifier les possibilités d’intégration disponibles et proposez entre-temps le lien direct de réservation.
Lien direct et Tracking V2
Le code edoobox actuel ajoute un lien direct vers le portail de réservation comme solution de repli si la vue intégrée ne s’affiche pas. Reprenez ce lien avec le code généré et vérifiez-le sur le site publié.
Pour Tracking V2, votre site a aussi besoin de la connexion entre iFrame, contexte du site et consentement. Un formulaire de réservation entièrement visible ne confirme pas une configuration réussie du suivi.