When you configure settings in the Widget embed code section in the Management Portal, the system automatically updates the <div> code with corresponding data attributes. This way you can generate customized embed code with your preferred answer explanation settings that you can simply copy and embed on your website.
📝 Important Note Before Reading: This guide applies only to our pre-built Classic Quiz widgets. If you're using your own custom implementations through APIs or SDKs, these template settings won't affect your custom UI.
⚙️ Setting Show Answer Explanations and Getting Your Embed Code
- In the Management Portal, navigate to Classic Quizzes in the left sidebar
- Find your quiz and click on it to edit
- In the right sidebar, locate the Widget embed code section
- Find the Show answer explanations toggle switch
- Toggle ON to enable answer explanations or OFF to disable them
- Notice how the generated
<div>code updates automatically below withdata-show-answer-explanations="true"ordata-show-answer-explanations="false" - Copy the updated embed code for your website
💡 Note for new quizzes: If you're creating a new quiz, you'll need to save it first with your basic details (title, questions, etc.) before the Widget embed code section becomes available for configuration.
Further Reading
📚 Coming Soon!
Your Visual Guide
Navigate to Classic Quizzes in the left sidebar and click on your saved quiz to open the editing interface
In the right sidebar, locate the Widget embed code section
Find the Show answer explanations toggle switch and click to enable (green/ON) or disable (grey/OFF)
Double-check that the generated <div> code has been updated with the correct data-show-answer-explanations value & Copy the embed code for your website