La ligne à coller
Une balise, et le catalogue s'affiche
<script src="https://app.hinsight.org/widget.js" data-org="VOTRE_IDENTIFIANT"></script>L'identifiant est fourni, déjà en place, dans l'app (Inscriptions → Widget pour votre site). Le widget charge les fiches publiées, affiche chaque fiche sur place et envoie les demandes dans votre écran Demandes.
1. Vos fiches dans l'app Hinsight
Dans app.hinsight.org, rubrique Programmes, chaque formation a sa fiche : objectifs, public, prérequis, durée, tarif, délai d'accès, méthodes, évaluation, accessibilité, contact, date de mise à jour. Cochez « publiée ».
2. Copiez la ligne de code
Dans Inscriptions, le bloc « Widget pour votre site » vous donne la ligne, avec votre identifiant d'organisme déjà renseigné. Un bouton la copie.
3. Collez-la dans votre site
Dans un bloc « code HTML » (ou « embed ») de votre éditeur. Le catalogue s'affiche à cet endroit, dans la police de votre site, avec vos formations publiées.
Selon votre éditeur
Où coller le code
Wix
Ajouter un élément → Intégrer du code → Intégrer du HTML, puis collez la ligne et redimensionnez le cadre. Wix place le code dans un cadre isolé : réglez-lui une hauteur suffisante ou cochez l'ajustement automatique.
Webflow
Glissez un composant Embed sur la page, collez la ligne, enregistrez. Le widget prend la largeur du bloc parent.
Squarespace
Ajoutez un bloc Code (mode HTML), collez la ligne. Disponible sur les forfaits qui autorisent le code personnalisé.
Site fait maison, Jimdo, SiteW, autres
Partout où vous pouvez coller du HTML : la ligne suffit. Aucun fichier à héberger, aucune bibliothèque à charger.
Options
Un widget, quatre affichages
| Attribut | Effet |
|---|---|
data-vue="catalogue" | Par défaut : la liste filtrable (recherche, catégorie), chaque fiche s'ouvre sur place avec son formulaire d'inscription. |
data-vue="fiche" data-formation="…" | Une seule fiche, par exemple sur une page dédiée à cette formation. L'identifiant est celui de la fiche dans l'app. |
data-vue="inscription" data-formation="…" | Le formulaire seul, si la fiche est déjà rédigée dans votre éditeur. |
data-vue="resultats" | Vos résultats (indicateur 2) : satisfaction, assiduité, obtention, taux de réponse, calculés dans l'app à partir des dossiers, avec la méthode affichée. |
data-theme="sombre" | Mode sombre, pour une section à fond foncé. "auto" suit le réglage clair ou sombre du visiteur. Par défaut : clair. |
data-couleur="#0f766e" | Couleur d'accent (titres, boutons). Sinon, celle de votre organisme dans l'app. En mode sombre, une couleur trop foncée est éclaircie d'office. |
data-cible="#mon-bloc" | Affiche le widget dans un élément précis de la page plutôt qu'à l'endroit du script. |
Votre site est sous WordPress ? L'extension Hinsight Formation crée de vraies pages, mieux référencées, et fonctionne sans compte.
Questions
Ce qu'on nous demande
Faut-il un compte Hinsight ?
Oui : le widget lit les fiches que vous gérez dans app.hinsight.org. C'est ce qui permet une seule saisie, une date de mise à jour fiable et des résultats calculés automatiquement. Les organismes sur WordPress ont le choix : ce widget, ou l'extension Hinsight Formation qui garde tout sur le site.
Voir l'extension WordPress →Où arrivent les demandes d'inscription ?
Dans l'app, écran Demandes, avec le titre de la formation, le message et la page d'origine. Les administrateurs reçoivent un e-mail. Vous convertissez la demande en dossier en un clic.
Est-ce bon pour le référencement ?
Le widget ajoute à la page les données structurées Course (schema.org) de la fiche ouverte, et chaque fiche a sa propre adresse (#formation=…) que l'on peut partager. Le contenu reste injecté par JavaScript : Google le lit, mais moins bien qu'une page HTML classique. Pour un catalogue qui doit se positionner sur Google, préférez l'extension WordPress (pages réelles et données structurées Course) ou demandez-nous une page HTML générée. Pour un site Wix ou Webflow, le widget reste la façon la plus simple d'avoir des fiches complètes et à jour.
Quelles données transitent ?
Les fiches publiées et des taux agrégés, rien de personnel, en lecture. Le formulaire envoie à l'app ce que la personne saisit (nom, e-mail, téléphone, entreprise, financement, message), avec son consentement. Un piège à robots et une limite par adresse IP protègent le formulaire.
Peut-on changer l'apparence ?
Le widget reprend la police de votre site et votre couleur d'accent. Ses styles sont isolés (Shadow DOM), pour que le thème du site ne le casse pas. Pour une mise en page sur mesure, l'API publique renvoie les mêmes données en JSON : parlez-nous de votre projet.