Did you know that it's possible to insert a genially inside another genially? Being able to insert a genially in another genially helps you to structure your content the way you want and connect it interactively. And if you use this trick, your geniallys will still work offline as well.
In this tutorial you’ll learn how to insert and view a genially inside another genially you’ve downloaded using the View offline option.
Insert a genially into another genially
Let’s start by clarifying some terms we’ll be using:
- base genially: This is the main genially, in which you’re going to insert the other.
- inserted genially: This is the genially you’re going to insert in the base genially. You can insert it on the canvas or in an interactive Window or Tooltip. Let’s see how!
Steps for inserting a genially on the canvas
1. Go to the Editor of the base genially.
2. Click on Pages and select the page where you want people to view the inserted genially.
3. Now click on Insert and then on the Other tab.
4. In the text box that appears, paste the following code:
<iframe width="100%" height="450" src="inserted_genially/genially.html"></iframe>
5. Click on the Insert button.
A gray box appears on the canvas, which is where the inserted genially will be displayed. You can adjust and position this box however you like
6. Save the changes.
Steps for inserting a genially in an interactive window or tooltip
1. Go to the Editor of the base genially.
2. Select the element you want to apply the interactivity to and click on the Interactivity icon that appears just above it.
3. Select the type of interactivity (Window or Tooltip).
4. Click on the Code view button on the far right of the editing toolbar and paste the following code:
<iframe width="100%" height="450" src="inserted_genially/genially.html"></iframe>
5. Save the changes.
How to view your inserted genially
Now that you have inserted the code to display your inserted genially in the base genially, follow these steps to enable the display:
1. Download the base genially and the inserted genially using the View offline option.
2. Unzip the .zip files downloaded in step 1. Two new folders will be created on your device.
3. Now move the folder of the inserted genially inside the base genially folder.
4. Open the base genially folder and rename the inserted genially folder to ‘inserted_genially’.
5. Your inserted genially is now working! Go to the folder your base genially is in and double click on the genially.html file to view it.
Do you often insert geniallys in your geniallys? No need to worry about the internet not working! You can now display your creations in any situation. You can also insert videos to display them in your downloads for offline viewing.