In other tutorials, you've learned to edit Genially escape game templates, but what about learning the best tricks to make your own escape game? Awesome, right?

This article will give you a series of options that will help you create the challenges that your fearless users will need to overcome. You'll be able to create the story behind the game and design the graphics, and you can always use the ones that come with Genially!

The most-used elements are:

  • General settings

  • Context

  • Hidden content

  • Dialogues

  • Questions and answers

  • Chain of clues

  • Passwords

  • Highlighting important elements

General Settings

Typically, these kinds of creations have some general settings in common that set up your genially so that all transitions work correctly. In the Genially Editor, open Settings and:

  • Disable pagination: Normally, escape game scenes are connected through the linking of elements that allow you to go to the next page.  To set this up, make the pages of your genially work like a Microsite. See tutorial.

  • Hide interactivity indicator: This is optional. If you want to make your game harder, it's a good idea to hide the interactivity indicator.  Otherwise, you may give away which elements are interactive on each page. See tutorial.

  • Drag or move elements: You'll need to activate this option if your user needs to move objects in your escape game. See tutorial.

  • Block elements: If you have drag-able elements, it's likely you're looking to make sure other elements don't move.  So, it's important to block them, selecting each element you want to remain fixed in its spot and clicking on the padlock symbol on the toolbar.  See tutorial.

  • No page transition: Get rid of page transitions to create immediate continuity. Open the tab Pages > Center transition > None, and you'll find this option. See tutorial.

  • Add music: With the goal of creating a good atmosphere for beating the game, you can add background music to fit the feel and context of your escape game. See tutorial.


The most important element of these games is to make the user feel like they're really in your game's world. You'll need to name and define the goal of the game right from the start. This, along with a short story plot and several characters, will make for a coherent and solid context for your game.

These pages will work like a main menu to put you into the game's world and start playing.

Hidden content

A simple but attention-grabbing effect is to hide information on a part of the page and have users find it with a flashlight, magnifying glass or any element that helps create contrast.

To do so, place an element upon an area of the page you've made the same color, and place another element of a different color between these two layers (the bottom layer and the element you've placed on it of the same color). This will allow players to find what they're looking for.

To place the elements in their desired position, check out this tutorial about the order of layers.


This resource is really useful when you want to provide information that players can use to answer a series of questions that will appear throughout the game.

You don't necessarily have to give this information through a dialogue. You might choose to give information through several points that show useful information that players will need to solve other challenges in the game.

Questions and answers

To expand on the point we made earlier, we can use the information we've gathered throughout the escape game to answer a series of questions.

Setting this up is easy. There's a question with multiple possible answers provided. The correct option will take players to the next question, through the linking of pages, and the incorrect answers will take players to an error page which will allow you to start the test again.

Don't forget to add animation to your content to make it a touch more special.

Chain of clues

This challenge is basically made up of giving a series of clues that help players get a result, code, secret word, etc.

You can give the clues in a number of ways.

One example of this is Mission 2 of the Industrial Escape Game.

You can also give clues that are linked to one another so that one clue takes you to the next.

Like in Mission 1 of the Industrial Escape Game.


This resource, though simple to put together, may take the most work as it requires that you create multiple pages and don't make any mistakes.

You can create passwords with numbers, letters, shapes etc.. You'll just need to link these keys with a correct path or an error path according to whether players enter in the password correctly or not.

The ingredients are:

  1. A coding system of numbers, letters, shapes, etc.

  2. An invisible area over the entire system linked to the error path.

  3. Another invisible area, this time placed over the corresponding number, letter, or shape which will lead you down the correct path.

  4. Decorative elements that appear as you advance so you feel like something big is happening.

The linking system would look like this (in this example):

You'll see that there's a starting model from which two possible paths emerge. One path of correct answers and another path of errors. Be careful! Even on the correct path, players can make a mistake at any time. Then, you'll need to link that error with the corresponding error page, as shown in the outline, in a way that the player will continue down the error path from then on.

Remember that this is a basic example but you can create much more complicated password systems. The only limit is your imagination.

Highlighting important elements

Sometimes, it's possible that you find yourself on a page filled with content where it's hard to figure out where you need to click next. But you can solve this by giving visual help which appears at a given time to act as a hint for the player. Playing with entrance and continuous animations as well as transparency, you can highlight your elements in a way that really grabs your player's attention.

These elements can be make from scratch if you know how to use a program for editing graphics or you can use the resources found in Genially.

One example is the missions seen in the Space Escape Game, where halos appear after a certain period of time to show you where to find the clue:

In another of the Industrial Espace Game missions, you'll see two marks which appear so players will investigate certain elements:

With all these resources, we're sure you'll make an awesome Escape Game!

Did this answer your question?