All Collections
Quizzes
Guides
How to Create Transition Pages with Explainer Screens
How to Create Transition Pages with Explainer Screens

Transition pages are pages that display information between questions or a loading page in your quiz.

Mark Baek avatar
Written by Mark Baek
Updated over a week ago

This is a brief introduction to explainer screens as well as a guide to turning one into a loading page for your quiz.

Explainer screens are super versatile and can be used to make a wide variety of transition pages.

πŸ’‘ What you'll learn


What are explainer screens?

Explainer screens are blank, custom pages you can add to your quiz. By default, they begin with no content aside from a 'Continue' button.

If you haven't used one already, here are some ways you can use explainer screens:

  • Loading pages

  • Landing pages

  • Presenting information

  • Filler between questions

  • and more!

Since explainer screens are filled with your content, they're a great part of an on-brand experience.

Creating a loading page

🎬 VIDEO: Using an Explainer Screen to Create a Transition Page

Loading pages are made with a few simple components:

  • A still image or animated GIF

  • A timer

  • Text (optional)

An on-brand image and a small note to people taking the quiz is normally more than enough. Follow the steps below for a detailed dive into how to turn an explainer screen into a loading page.

πŸ“• Creating a loading page

  1. Open the quiz editor.

  2. In the left menu, select "Add page".

  3. Select Explainer screen.

  4. In the left menu, expand the TOP CONTENT section.

  5. Click on "Add content".

  6. Add an Image to use a static image or an animated GIF.

  7. Add Text for any messaging.

πŸ“• Choosing a way to proceed from the loading page

In order to save your quiz, explainer screens must have at least one method of proceeding from the page. You can choose 1 of 3 options (or all 3):

  • Continue button

  • Continue after timer

  • Continue when clicking anywhere

Explainer screens start with a continue button by default. Enable another method of continuing from the page in order to disable the button.

Did this answer your question?