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 modePaste the copied iFrame code


Step 4: Adjust the dimensions
Check that the code contains
width="100%"so that it adapts to all screensChange 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