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 widget template 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 Layout Template 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 Layout template dropdown
- Choose from: Standard, Split, or Overlay
- Notice how the generated
<div>code updates automatically below - 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
- 🔎 Classic Quiz Widget: The 3 Template Types Explained (Learn about the Standard, Split & Overlay widget templates)
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
From the Layout Template Dropdown Choose from: Standard, Split, or Overlay
Double-check that the generated <div> code has been updated & Copy the embed code for your website