Intégrez vos catalogues Loop directement sur votre site web grâce au code iframe. Le catalogue s’affiche au milieu de votre page, totalement intégré à votre design, sans que le visiteur ne quitte votre site.
Code iframe simple
Loop génère un code iframe que vous copiez-collez dans votre site web. Le catalogue s’affiche à l’endroit souhaité, avec la taille que vous définissez. Aucune compétence technique particulière n’est requise.
Intégration transparente
Le visiteur de votre site consulte votre catalogue de formations sans quitter votre site. L’expérience est fluide, votre identité visuelle est préservée. Le catalogue est mis à jour automatiquement quand vous modifiez Loop.
Liens par catégorie
Loop génère aussi des codes iframe par catégorie de formation. Vous pouvez ainsi créer une page de votre site dédiée à chaque thématique, avec le catalogue filtré correspondant intégré directement.
« Intégration iFrame dans site web » fait partie du module Gestion commerciale de Loop Formations, aux côtés de Programmes tarifaires personnalisés, Affichage des sessions programmées et Gestion avancée des commissions de ventes.
L’intégration iFrame relie votre site vitrine existant au catalogue tenu dans Loop, sans refonte ni développement spécifique. Vous collez un bloc de code dans une page, et l’offre publiée dans le logiciel s’affiche à cet emplacement, entourée de vos menus et de votre pied de page. Chaque modification de session, de tarif ou de programme se répercute côté site sans nouvelle manipulation. Le visiteur reste chez vous jusqu’à la préinscription, et l’organisme conserve une seule source de vérité pour son offre de formation.
Une seule source de vérité pour votre offre
La plupart des organismes maintiennent leur offre à deux endroits : dans leur outil de gestion et dans les pages de leur site. Les écarts arrivent vite, une date passée qui reste en ligne, un tarif ancien, un programme révisé qui n’a jamais été republié. L’affichage par iFrame supprime cette double saisie puisque la page appelle directement le catalogue tenu dans Loop.
Concrètement, votre équipe pédagogique met à jour la fiche formation là où elle travaille déjà, et la page publique reflète la nouvelle version. Les sessions complètes ou clôturées disparaissent selon les règles que vous avez posées dans le logiciel. Vous cessez de solliciter votre prestataire web pour chaque correction de virgule, ce qui raccourcit sensiblement le délai entre une décision commerciale et sa visibilité en ligne.
Découper le catalogue par thématique de page
Un catalogue unique convient rarement à une arborescence de site déjà construite. Les codes générés par catégorie permettent d’alimenter une page par domaine : bureautique, sécurité, management, langues, métiers réglementés. Chaque page de votre site conserve son texte éditorial, ses visuels et son argumentaire, et n’affiche que la portion de catalogue qui la concerne réellement.
Cette granularité sert aussi les parcours entreprise. Vous pouvez consacrer une page aux formations intra, une autre aux sessions inter programmées, une troisième aux parcours en alternance. Le visiteur trouve immédiatement l’offre correspondant à sa situation au lieu de filtrer lui même une liste longue. Pour l’organisme, cela signifie moins de demandes mal orientées et des échanges commerciaux qui démarrent sur un besoin déjà cadré.
Mise en place, tests et bonnes pratiques
L’installation demande une opération simple : copier le code fourni par Loop et le coller dans le contenu de la page, via l’éditeur de votre site ou un bloc de code libre. Vous définissez la largeur et la hauteur d’affichage. Prévoyez un test sur mobile avant publication, car la hauteur retenue conditionne le confort de lecture sur un écran étroit.
Quelques réflexes évitent les mauvaises surprises. Vérifiez que la page conserve un texte de présentation propre à votre organisme au dessus du catalogue intégré, afin que le visiteur comprenne où il se trouve. Contrôlez que le parcours de préinscription fonctionne de bout en bout après chaque refonte graphique du site. Enfin, documentez en interne quelles pages portent quel code, pour faciliter les modifications ultérieures.
Les points à retenir
- Aucune compétence techniqueLe code se colle dans une page comme un contenu ordinaire. Aucun accès serveur ni intervention sur le thème de votre site n’est nécessaire pour publier le catalogue.
- Mise à jour continueToute modification faite dans Loop apparaît côté site sans republication manuelle. Les sessions, tarifs et programmes affichés restent alignés sur la réalité de votre planning.
- Un code par catégorieVous alimentez autant de pages thématiques que nécessaire, chacune affichant la portion de catalogue pertinente, sans dupliquer la saisie de vos fiches formation ni entretenir de doublons dans le logiciel.
- Parcours sans ruptureLe visiteur consulte l’offre et lance sa préinscription depuis votre site, dans votre environnement graphique, sans être renvoyé vers une adresse extérieure inconnue qui pourrait le faire renoncer.
- Dimensions maîtriséesVous fixez la largeur et la hauteur de la zone affichée pour respecter la grille de votre site et garantir une lecture confortable sur ordinateur comme sur mobile.
Un organisme avec un site vitrine déjà en ligne
Un organisme de formation dispose d’un site vitrine construit il y a trois ans, dont les pages formations sont figées et rédigées à la main. Chaque nouvelle session suppose une demande au prestataire web, avec un délai et un coût. L’équipe met en place un affichage par iFrame sur la page Nos formations, puis crée trois pages thématiques alimentées par les codes de catégorie correspondants. Le contenu éditorial existant est conservé au dessus de chaque catalogue intégré. Désormais, la responsable pédagogique ouvre une session dans Loop et la page publique la propose immédiatement. Les demandes de devis arrivent depuis le formulaire de préinscription plutôt que par un courriel générique, ce qui donne à l’équipe commerciale une information déjà structurée sur le besoin exprimé.
Questions fréquentes
Faut il refaire mon site pour utiliser l’affichage par iFrame ?
Non. L’intégration se pose sur le site que vous avez déjà, quel que soit l’outil qui le propulse, dès lors que vous pouvez insérer un bloc de code dans une page. Votre thème, vos menus et votre pied de page restent inchangés. Vous choisissez simplement où placer la zone de catalogue et quelles dimensions lui donner. Aucune migration de contenu n’est nécessaire.
Que se passe t il quand je modifie une formation dans Loop ?
La modification est reprise dans l’affichage public sans intervention supplémentaire. Si vous corrigez un intitulé, ajustez une durée, ajoutez une date de session ou retirez une formation du catalogue, la page de votre site reflète ce changement. Vous travaillez donc dans un seul outil, et vous supprimez le risque classique d’une offre en ligne différente de celle réellement proposée par l’organisme.
Puis je afficher seulement une partie de mon catalogue sur une page ?
Oui, grâce aux codes générés par catégorie de formation. Vous créez une page dédiée à chaque thématique de votre choix et vous y insérez le code correspondant. La page n’affiche alors que les formations rattachées à cette catégorie dans Loop. C’est utile pour les organismes qui adressent plusieurs publics ou plusieurs métiers et souhaitent une entrée distincte pour chacun. Cette organisation aide aussi vos visiteurs à s’orienter rapidement.
L’intégration du catalogue fonctionne t elle correctement depuis un téléphone mobile ?
Le catalogue reste consultable depuis un mobile, mais la hauteur que vous attribuez à la zone d’affichage joue beaucoup sur le confort de lecture. Prenez le temps d’ouvrir la page depuis un téléphone après la mise en place, faites défiler la liste complète et lancez une préinscription de test. Ajustez ensuite les dimensions dans le code si la zone paraît trop courte ou trop haute.
