Inline vs popup embeds
An inline embed places the quiz directly in the page, so it loads with the content — best for a landing page built around the quiz. A popup embed opens the quiz over the page when someone clicks a button or hits a trigger — best for adding a quiz to an existing page without redesigning it.
How to embed a quiz, step by step
Publish your quiz
Embedding works with a published quiz. Make sure it’s live and you’re happy with the questions and result pages first.
Copy the embed code
Open the quiz’s Share settings and choose the embed option (inline or popup). Copy the generated snippet — it’s a single script tag.
Paste it where the quiz should appear
Paste the snippet into your site’s HTML or a custom-code / embed block at the spot you want the quiz (or the popup trigger button) to show.
Publish and test on mobile
Save and preview on both desktop and phone. The quiz resizes to its container automatically, so check it fits your layout and the result page displays correctly.
Embedding by platform
| Platform | Where to paste the snippet |
|---|---|
| WordPress | A Custom HTML block (block editor) or an HTML widget |
| Squarespace | A Code block on the page |
| Webflow | An Embed element where you want the quiz |
| Plain HTML | Directly into the page markup where the quiz should appear |