Integrate a Genially (or external iFrame) into a course in your training program

Written By CrocoTeam

Last updated 30 days ago

Adding a Genially, interactive video, interactive document, or any other embedded content via iFrame to your CrocoClick lessons is a great way to make your training more dynamic and improve engagement.

This allows you to:

  • Add immersive and interactive presentations

  • Integrate content hosted on other platforms (Google Docs, Notion, Genially, etc.)

  • Keep your learners in the training environment without taking them away

Step 1: Copy the iFrame embed code

  • From Genially (or any other platform), click on "Share" or "Embed"

  • Copy the iFrame code provided

Example of iFrame code:

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

Step 2: Access the lesson editor

  • Go to Membership > Training > Products

  • Select the relevant training course

  • Click on the lesson where you want to embed Genially

Step 3: Add the HTML code to the lesson description

  • In the lesson content editor, click on the <> icon to switch to HTML mode

  • Paste the copied iFrame code

Step 4: Adjust the dimensions

  • Check that the code contains width="100%" so that it adapts to all screens

  • Change the height if necessary: height="600px", for example

💡 TIP: If the height field is not present, you can add it manually in the iFrame tag by writing height: [VOTRE TAILLE]px;

Step 5: Save and preview

  • Click Save Lesson

  • Preview immediately to check that it displays correctly

  • Adjust the dimensions until you get a smooth and ergonomic rendering

Always check your integration

Take a few seconds to test the rendering in several screen sizes. A good iFrame integration allows students to stay focused and interact easily without ever leaving your training space.

With this simple method, your lessons can incorporate rich, immersive content that is much more lively than plain text.

🧠 An engaging training course is one where you remain immersed in the experience... and that's exactly what CrocoClick offers! :D