# How to create interactive images in Genially

> An  interactive image  is a great format for communicating information in a very visual way You can use your interactive images to create corporate content tr

Source: https://help.genially.com/en_us/how-to-create-interactive-images-in-genially-BkbY9PB2i

Last updated: 2026-08-13T14:58:12.589Z

An **interactive image** is a great format for communicating information in a very visual way. You can use your interactive images to create corporate content, training resources, or to communicate any idea. Your audience will be able to interact freely with the different interactive elements and dive deeper into the information that most interests them.

  

We’ll tell you how to create an interactive image step by step:

*   Upload an image
*   Edit and add interactivity
*   Share your creation

  

## **Upload an image**

Go to your [Panel](https://app.genial.ly/dashboard) and click on **Create genially** to go to the templates section. Select the **Interactive image** section. You can take inspiration from different examples of interactive images. 

**To start creating:** 

1\. Click _Create genially_

2\. Select _Import_, then click _Image_ from the dropdown options

3\. You can select your image from:

*   **Your computer**
    
*   A **URL**
    

4\. Select the image and click on **Accept**. 

5\. If you want to, you can [crop, rotate, or flip your image](https://help.genially.com/how-to-crop-rotate-and-flip-your-images-r1xU9Dr3j). You can also swap the image out for another one by clicking on **Replace**. Click on **Accep****t** the save the latest changes.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/a63dc61a7b471ada8c9bf3feeeb5b56d.gif)

## **Edit and add interactivity**

The image will appear as the canvas background and will be the base of your creation. The next step is to apply the interactivity. In the Editor you’ll find a section of interactive elements that are very effective at visually representing the content they lead to.

By default, two **interactive elements** are added to the image we’re using. You can:

*   **Replace:** if you want to use another kind of interactive element, click on it and then click on the Replace button that appears above it.
*   **Add new interactive elements****:** you can explore the **Interactive elements** section to see other types of available elements: **buttons, buttons with text, social networks, numbers and letters, and [interactive areas](https://help.genially.com/en_us/interactive-areas-add-interactivity-to-any-part-of-your-creation-Hy3O9DBhj)**. Click on the element you want to use and place it where you want it on the image. You can also use any other resource of your choice. 
*   **Add text****:** you can add text boxes to your creation. Why not check out this tutorial to learn how to personalize the text boxes in your creations?
*   **Delete****:** if there’s an element on the canvas that you don’t need, select it and press **Delete** on your keyboard or the **Delete** button in the top toolbar of the Editor.
*   **Add interactivity with AI.** You can also [generate tags](https://help.genially.com/en_us/how-to-create-an-interactive-image-with-ai-SkqxdOLBMe) with Genially AI, which creates buttons with text information about the image based on your instructions.

_**Tip:** bring an area of your creation to life by using an [interactive area](https://help.genially.com/en_us/interactive-areas-add-interactivity-to-any-part-of-your-creation-Hy3O9DBhj). It will allow you to add interactivity in certain areas or segments of your canvas where you couldn’t before. Discover everything you can do with interactive areas in this [tutorial.](https://genially.freshdesk.com/en/support/solutions/articles/80000497037-invisible-areas-bring-to-life-an-area-you-choose)_

_![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/764afe6fa56c2543cb8aba9e20846aa6.gif)_  

Now that you’ve chosen the interactive elements you’d like to use, all you need to do is apply the interactivity. You can add all kinds of content for it to display when your audience interacts with the elements: images, texts, videos, audios, GIFs, etc.

You can add audio to an element or resource so that it plays when you click on it. You can also make it so that some images and resources can be expanded to full-screen size when viewing your genially.

You can take your audience to another page of your creation or an external website. Discover the [types of interactivity that exist](https://help.genial.ly/setting-up-interactivity-in-genially-BJHrqwSho) and how to use them.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/892e7d50588410a8f681a00a6c6c9566.gif)

Discover more details about each type of interactivity and how to set it up in this [Setting up interactivity in Genially](https://help.genial.ly/setting-up-interactivity-in-genially-BJHrqwSho)[.](https://genially.freshdesk.com/en/support/solutions/articles/80000497038-setting-up-interactivity-in-genially)

**And remember**: to indicate that an element is interactive and pique your audience’s interest, we also recommend [adding animation effects](https://help.genial.ly/add-animation-to-the-elements-of-your-creation-in-genially-HJMHcDrni) to your elements.

  

## **Share your creation**

First, publish your creation and then [share the link](https://help.genial.ly/share-your-genially-creations-rkXUqDH2j) with your audience so that everyone can enjoy your genially.

You can also [insert your creation in a website or blog](https://help.genial.ly/insert-a-genially-into-a-website-or-blog-with-iframescript-rJG0qvBni). 

Lastly, if you have a premium plan, you can [download your creation in various formats](https://help.genial.ly/download-a-genially-SJS85wB3s): 

*   Interactive PDF
*   JPG Image
*   MP4 Video
*   HTML to view offline
*   SCORM, to be able to monitor your audience’s interactions with your creations in an LMS.

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/0ca2cae2e2d7567651a5a933f6bb071e.gif)
