L'option Ressources web permet d'intégrer des contenus externes interactifs directement dans vos séquences e-learning via une balise iFrame. Cela évite aux apprenants de quitter leur espace Digiforma pour consulter des outils tiers.

💡 Rappel : Pour apprendre à créer une séquence, puis une activité e-learning, consultez notre article dédié.

Fonctionnement de l'iFrame et des balises HTML

Une iFrame est une balise HTML qui permet d'afficher le contenu d'une page web externe au sein d'une autre page.

Cela vous permet de proposer à vos apprenants des contenus variés et interactifs, directement intégrés dans leur espace Digiforma : vidéos, formulaires, documents en ligne, outils externes, etc..

Comment intégrer une ressource

Pour intégrer un contenu, deux options s'offrent à vous :

URL directe : Copiez et collez l'adresse URL du site à partager.
Code Embed : Récupérez le code d'intégration fourni par l'outil externe et collez-le dans la ressource web.

Ce code sera donc entouré de "balises HTML", comme présenté ci-dessous en rouge ( <img src="https://www.digiforma.com/wp-content/uploads/2025/01/Illu-home-1-1536x1077.png.webp">)👇🏻

Sécurité et balises autorisées

Pour des raisons de sécurité, seules les balises HTML conformes à notre liste officielle sont acceptées. Si une ressource ne s'affiche pas, vérifiez qu'elle n'utilise pas de balises interdites.

Voir la liste des balises HTML conformes ✅

[
  'a',
  'abbr',
  'acronym',
  'address',
  'area',
  'article',
  'aside',
  'audio',
  'b',
  'bdi',
  'bdo',
  'big',
  'blink',
  'blockquote',
  'body',
  'br',
  'button',
  'canvas',
  'caption',
  'center',
  'cite',
  'code',
  'col',
  'colgroup',
  'content',
  'data',
  'datalist',
  'dd',
  'decorator',
  'del',
  'details',
  'dfn',
  'dialog',
  'dir',
  'div',
  'dl',
  'dt',
  'element',
  'em',
  'fieldset',
  'figcaption',
  'figure',
  'font',
  'footer',
  'form',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'head',
  'header',
  'hgroup',
  'hr',
  'html',
  'i',
  'img',
  'input',
  'ins',
  'kbd',
  'label',
  'legend',
  'li',
  'main',
  'map',
  'mark',
  'marquee',
  'menu',
  'menuitem',
  'meter',
  'nav',
  'nobr',
  'ol',
  'optgroup',
  'option',
  'output',
  'p',
  'picture',
  'pre',
  'progress',
  'q',
  'rp',
  'rt',
  'ruby',
  's',
  'samp',
  'section',
  'select',
  'shadow',
  'small',
  'source',
  'spacer',
  'span',
  'strike',
  'strong',
  'style',
  'sub',
  'summary',
  'sup',
  'table',
  'tbody',
  'td',
  'template',
  'textarea',
  'tfoot',
  'th',
  'thead',
  'time',
  'tr',
  'track',
  'tt',
  'u',
  'ul',
  'var',
  'video',
  'wbr',
]

À cette liste s'ajoute les iFrame dont la source est une URL valide de type HTTP ou HTTPS.

Exemples de ressources intégrables

L'intégration de ressources web permet d'utiliser de nombreux outils externes :

Vidéos : Intégration de flux vidéo via URL (hors YouTube/Viméo classiques).

La vidéo s'intègre dans votre éditeur de contenu e-learning :

💡 Note sur les vidéos : Via l'intégration iFrame, le système ne peut pas contraindre l'apprenant à visionner un pourcentage minimum de la vidéo pour valider l'étape.

Google Workplace : Google Slides, Forms, Docs. Voir comment les intégrer ici.
Ramification : Genially pour des parcours interactifs. Voir comment les intégrer ici.
Prise de rendez-vous : Calendly.
Modules e-learning : Articulate 360.
Outils divers : Enregistrements vocaux, cartes interactives, etc.

Intégrer des documents (PDF, PPT, Docx) en lecture directe
Par défaut, les documents sur Digiforma sont en téléchargement. Pour les rendre consultables directement, utilisez un outil tiers (Scribd, Calaméo, PDFcoffee, etc.).

Étape 1 : Préparer le document en ligne
1. Créez un compte gratuit sur l'outil tiers et importez votre document.

2. Configurez le document en mode Public (indispensable pour l'affichage).

3. Cliquez sur l'option "<> Embed" et copiez le code fourni.

Récupérez le code affiché (en le copiant dans votre presse-papier) :

Étape 2 : Intégrer le code dans Digiforma

Dans Digiforma, créez une activité E-learning.
Ajoutez une zone Ressources web.
Collez le code d'intégration copié précédemment.

Intégrer une activité H5P

Digiforma ne supporte pas nativement l'import direct de fichiers H5P (uniquement SCORM), mais une intégration visuelle est possible via La Digitale.

⚠️ Important : Cette méthode permet la visualisation mais ne permet pas le suivi statistique des résultats dans Digiforma.

Procédure d'intégration H5P

Rendez-vous sur La Digitale, sectionnez "Digiquiz", et cliquez sur "Utiliser".

2. Cliquez sur "Ouvrir un fichier H5P" et choisissez une question secrète (disponible uniquement que pour vous, elle ne sera pas demandée aux apprenants) puis importez depuis vos dossiers le module H5P à intégrer.