Plans that include this feature: all plans

Integrating digital providers will make all the potential of Genially explode.  Maybe you're looking to embed an interactive graph to show information to your audience so that they can visualize it and interact with it within your genially. One of the most powerful tools for that is Infogram. 


Infogram is an online tool that can create graphs of all types: bar graphs, circle graphs, maps, vertical and horizontal graphs, etc. This tutorial details:

  • How to embed an Infogram graph in the canvas
  • How to embed an Infogram graph in a pop-up window


How to embed an Infogram graph in the canvas

To insert a graph from Infogram in your genially:


1. Go to the Editor of the genially you want it in, and open the section Insert located in the left sidebar. Then click on the Others tab.


2. Go to Infogram and find the graph you will insert into Genially. Copy the embed code of the graph.


3. Now go back to your Genially Editor. Paste the code and click on Insert.


4. Lastly, adapt the size of the Infogram to improve the visual experience.


How to embed an Infogram graph in the canvas


How to embed the Infogram graph in a pop-up window

You can also embed an Infogram graph in a window so that it opens when a specific interactive element in the canvas is clicked on. 


1. Select the interactive element and click on the Interactivity button.


2. Select the Window option. 


3. Click on the Code view button and paste the embed code of your Infogram.


4. Click on the Code view button again to preview the graph. 


5. Save the changes.


How to embed the Infogram graph in a pop-up window