HTML blocks in your quiz app open up a world of creative possibilities. Whether you're enhancing the learning experience, adding interactive elements, or creating visually engaging results pages, HTML gives you the flexibility to do it all.
💡 What you'll learn
What the HTML block is, and some interesting examples and use-cases.
💡 Prerequisites
We recommend going over our article on how to add content to your quiz questions and results pages first so that you can get familiar with all the options.
Familiarity with HTML, CSS, and JavaScript, or access to a developer. We are not able to help with custom code for the HTML block.
What the HTML block is
The HTML block is a powerful feature in your quiz app that lets you embed fully customizable content, like interactive widgets, animations, forms, or styled layouts, directly into your quiz question, explainer, and results pages.
It runs inside an isolated iframe, meaning you can use any HTML, CSS, or JavaScript without restrictions, and the main page’s styling will not interfere with your block design. The block has access to cookies and local storage, allowing for dynamic or personalized experiences, and it includes a full-screen editor with a live preview to make editing and testing your content easier and more intuitive.
Please keep in mind that our ability to offer support with the HTML block is very limited. While we can help by checking for possible issues caused by the block in some cases, we are not able to help with providing or troubleshooting code for the HTML block.
How to use the HTML block code editor
Once the HTML block is added, clicking here will take you to the full-screen editor:
If you want to focus just on your code, you can also toggle the preview by clicking the eye icon:
Examples of what you can do with the HTML block
Below are some examples of practical applications and ideas for the HTML block.
Progress bar
Opt-in timer
Personalized hero section on the results page
Product reviews
Forms