# How to add widgets in Genially

> Want to take your content to the next level Well youve come to the right place because   widgets   are the perfect way to do just that  especially if youre 

Source: https://help.genially.com/en_us/how-to-add-widgets-in-genially-BkVq62bPT

Last updated: 2026-07-02T12:58:08.948Z

Want to take your content to the next level? You’re in the right place, because **widgets** are the perfect ally to make that happen.

Widgets are like a toolbox: they let you add extra functionality to your interactive content and learning resources, without needing any technical knowledge.

  

In this tutorial, we’ll show you:

*   **Types of widgets in Genially**
    
*   **How to add widgets**
    

  

## **Types of widgets on Genially**

In Genially, you’ll find a wide variety of widgets you can use to enrich your creations. Here’s everything you need to know about them:

  

### **To display images and other data**

*   **Carousel:** displays images you can move through using controls or by clicking on them. [More info about carousels.](https://help.genially.com/en_us/showcase-your-images-with-genially-galleries-S1m3cNRlke)
*   **Mosaic:** displays images in a regular or irregular grid, combining images of different sizes. [More info about mosaics](https://help.genially.com/en_us/showcase-your-images-with-genially-galleries-S1m3cNRlke).
*   **Comparator:** compares two images by simply sliding the central bar. Very useful for showing before-and-after images. [More info about the comparator](https://help.genially.com/en_us/compare-two-images-in-genially-HkMX8rcc1l).
*   **Cards:** create flip cards or card sequences that support learning and self-assessment. Use them to compare concepts, expand information, ask and answer questions… whatever you want! [More info about cards](https://help.genially.com/en_us/how-to-use-cards-in-genially-SJCil7nUke).
*   **Chart:** choose from funnel charts, bar charts, pie charts, radial charts, dot charts, or tables to visually represent your data.

  

### To create games

*   **Dice:** use a classic six-sided die or make decisions with colored dice, math operations, or directions. [More info about dice](https://help.genially.com/en_us/generate-a-random-result-with-the-dice-coin-and-randomizer-widgets-HJt_jfAFll).
*   **Coin:** ideal for letting your audience choose between two options in your content: heads or tails, yes or no, win or lose. [More info about the coin](https://help.genially.com/en_us/generate-a-random-result-with-the-dice-coin-and-randomizer-widgets-HJt_jfAFll).
*   **Randomizer:** let chance decide by randomly selecting an image, a character, or a letter. You can even play the classic rock, paper, scissors game. [More info about the randomizer](https://help.genially.com/en_us/generate-a-random-result-with-the-dice-coin-and-randomizer-widgets-HJt_jfAFll).
*   **Find the pair:** create the classic memory game where the challenge is to flip cards one by one until you find matching pairs. Add up to 10 pairs. [More info about this game.](https://help.genially.com/en_us/play-match-the-pair-with-genially-HkxtgFZNee)

  

### To measure time

*   **Timer:** add a countdown timer. You can set a time range from 00:00 minutes to 99:59 minutes. [More about the timer](https://help.genially.com/en_us/measure-time-with-timer-stopwatch-and-countdown-widgets-SysQTJTybx).
*   **Stopwatch:** an upward count from 00:00 minutes to 99:59 minutes. Your audience can pause or reset the stopwatch. [More about the stopwatch](https://help.genially.com/en_us/measure-time-with-timer-stopwatch-and-countdown-widgets-SysQTJTybx).
*   **Countdown:** define an end date and time, and even set an action when it ends, such as showing a message in a window or triggering an effect. [More about the countdown](https://help.genially.com/en_us/measure-time-with-timer-stopwatch-and-countdown-widgets-SysQTJTybx).

  

### Navigation

*   **Progress bar:** Adds a visual indicator that shows progress within a piece of content. It starts at 0 and fills up as the user moves forward. [Learn more about the progress bar](https://help.genially.com/en_us/show-progress-with-a-progress-bar-rk11bnQDx).
*   **Navigation menu:** choose between a horizontal menu or a hamburger menu and see how intuitive and accessible it is to navigate through your creations. Assign a destination page to each section and you’re all set. [More info about the menu](https://help.genially.com/en_us/how-to-navigate-through-a-menu-in-genially-Bk3HKSb6yl).

  

Some widgets, such as the stopwatch, dice, coin, or randomizer, include sound effects that can’t be disabled. However, you can always mute the creation when presenting.

In addition to these widgets, Genially offers you a new family of elements: AI components. These are interactive compositions and elements you can customize in just a few clicks — no technical knowledge needed. AI components are organized into the following categories:

*   **Text effects:** gradients, rotating text, typewriter effect, text with shapes.
*   **Visual resources:** image frames, dialogs, notes, gradient backgrounds, and prototypes.
*   **Activities:** components for learning, practicing, and assessing. These components collect user responses. Enable the individual activity and check the results in the Activity panel.
*   **Dynamics:** spinners, secret codes, QR codes, calculators, and so much more!
*   **Visualizations:** maps, diagrams, timelines, and more resources to present your information visually.

  

[**Learn all the details about AI-generated widgets.**](https://help.genially.com/en_us/how-to-use-ai-generated-widgets-ByRdxQcyWg)

  

### **How to add widgets**

1.  In Editor, open the page where you want to add one or more widgets.
    
2.  Click on the _Interactive elements_ section in the left sidebar of the editor.
    
3.  Head to the _AI Builder_ section and click on the one you want to add. You can reposition the widget on the canvas and in some cases configure its parameters.
    
4.  Add **one or more actions** that trigger after each result of the dice, coin, and randomizer widgets – like opening a window, playing audio, or going to a page.
    
5.  Add an **end result** in the Find the pair, Timer, and Countdown widgets.
6.  Edit the audio — add your own or pick one from the sound effects library.
    
7.  **Edit with AI.** Many widgets include the option to edit with AI, so you can adapt the content, change themes, modify colors, or translate widgets in no time.
    

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

  

**Before we wrap up, want a few ideas for using widgets in your creations? Let’s go!**

1.  Use a timer to add excitement when answering a quiz.
    
2.  Create an escape room and use a countdown to unlock the next level.
    
3.  Use a dice or coin to choose turns or decide which path to take in an activity.
    
4.  Create a randomizer to select a random image and continue based on the result.
    
5.  Create an image carousel for a product or service, with photos from different angles.
    
6.  Add a mosaic to showcase multiple images of your projects, like a portfolio.
    
7.  Create a board game and use flip cards to show the question and answer on each square.
    

  

Explore different widgets and make the most of Genially’s pre-designed resources. Watch engagement skyrocket in your content.
