Ajouter un Genially, une vidéo interactive, un document interactif ou tout autre contenu embarqué via iFrame dans vos leçons CrocoClick est un excellent moyen de dynamiser vos formations et d’améliorer l’engagement.

Cela permet notamment de :

Ajouter des présentations immersives et interactives
Intégrer des contenus hébergés sur d'autres plateformes (Google Docs, Notion, Genially, etc.)
Garder vos apprenants dans l’environnement de formation sans les faire sortir

Étape 1 : Copier le code d’intégration iFrame

Depuis Genially (ou toute autre plateforme), cliquez sur “Partager” ou “Embed” / “Intégrer”
Copiez le code iFrame fourni

Exemple de code iFrame :

<iframe src="https://view.genial.ly/123456" width="100%" height="600px" frameborder="0"></iframe>

Étape 2 : Accéder à l'éditeur de la leçon

Allez dans Adhésion > Formations > Produits
Sélectionnez la formation concernée
Cliquez sur la leçon où vous souhaitez intégrer le Genially

Étape 3 : Ajouter le code HTML dans la description de la leçon

Dans l’éditeur de contenu de la leçon, cliquez sur l'icône <> pour passer en mode HTML
Collez le code iFrame copié

Étape 4 : Ajuster les dimensions

Vérifiez que le code contient width="100%" pour qu’il s’adapte à tous les écrans
Modifiez la hauteur si besoin : height="600px" par exemple

💡 ASTUCE : Si le champ height n’est pas présent, vous pouvez l’ajouter manuellement dans la balise iFrame en écrivant height: [VOTRE TAILLE]px;

Étape 5 : Enregistrer et prévisualiser

Cliquez sur Enregistrer la leçon
Prévisualisez immédiatement pour vérifier le bon affichage
Ajustez les dimensions jusqu’à obtenir un rendu fluide et ergonomique

Vérifiez toujours votre intégration

Prenez quelques secondes pour tester le rendu dans plusieurs tailles d’écran. Une bonne intégration iFrame permet à l’élève de rester concentré, interagir facilement, sans jamais quitter votre espace de formation.

Grâce à cette méthode simple, vos leçons peuvent intégrer des contenus enrichis, immersifs, et bien plus vivants qu’un simple texte.

🧠 Une formation engageante, c’est une formation où l’on reste immergé dans l’expérience... et c'est exactement ce que propose CrocoClick ! :D