Embedding a Quiz on a Website – Universal Embed
Embedding an AdsQuiz quiz on your website
In this guide we'll look at how to use an AdsQuiz quiz as a full part of your website – not just as a standard form, but as a widget, popup or interactive block on different pages.
Today a quiz can be added to a website in different formats, depending on your goals. It can work as a full page for audience segmentation or as a separate interface element that helps you collect leads.
You can place the quiz in different parts of your website:
• as a block on a page;
• as a popup;
• as a chat form;
• as a side panel;
• as an interactive hint or launch button.
Different display triggers are also available:
• after a certain time on the website;
• on a button click;
• when the visitor tries to leave the page (exit intent);
• automatically when the page loads.
This lets you fine-tune how the quiz behaves and increase conversion for each user scenario.
Setting up the quiz embed
Step 1. To install the quiz on your website, go to your quiz settings and open the «Install quiz on website» section.
Then do the following:
- Enter the domain where the quiz will be placed.
- Choose the display format (block, popup, widget, etc.).
- Set the quiz size or use one of the ready-made options.
- If needed, set your own display parameters manually.
- Choose the devices (desktop, mobile or all).
You can also customise the appearance:
• button colors;
• icon colors;
• interface element styles.
💡 Tip: use the appearance settings – they let you fully adapt the quiz to your website's design.
Step 2. Generating and inserting the code
After setting everything up, click «Generate code» – the system will create a script to embed.
Paste it into the relevant block or section of your website template.
Step 3. Checking that it works
After publishing, check:
• how it looks on desktop and mobile;
• that the display triggers work (click, time, exit intent);
• that requests are collected correctly.
⚠️ Important:Before embedding, make sure the domain is added in the AdsQuiz settings.
🧩 WordPress
How to embed the quiz
• open the WordPress admin panel
• go to the page or post you need
• add a «Code» block or Custom HTML
• paste the JS script
• save and publish
🛒 Shopify
How to embed the quiz
• open the Shopify admin panel
• go to Online Store → Themes → Edit code
• open the template you need (product, page or theme.liquid)
• paste the script before </body> or into the block you need
• save the changes
🎯 Wix
How to embed the quiz
• open the Wix editor
• click Add → Embed → Custom Embeds
• choose HTML iframe / Embed Code
• paste the AdsQuiz script
• place the block on the page
• publish the site
🧩 Webflow
How to embed the quiz
• open your project in Webflow
• go to Page Settings or Project Settings
• find the section Custom Code
• paste the script into Before tag
• save and publish the site
⚡ Lovable
How to embed the quiz
• open the Lovable editor
• go to the custom code or integrations section
• paste the AdsQuiz JS script
• save the changes
• publish the page
⚛️ Next.js
How to embed the quiz
• open your Next.js project
• add the script to the component _app.js or layout.js
• save and run the project
▶️ Recommended video
To better understand the setup process, we recommend watching the video guide:
❓ Frequently asked questions
Can I embed a quiz without code? No. A generated JS script is used for embedding.
Does the quiz work on mobile devices? Yes, the quiz is responsive and adapts automatically to mobile and desktop.
Can I use the quiz as a popup? Yes. Available formats: block, widget, popup, chat form.
Can I add the quiz to several domains? Yes. In the «Domain» field of the «Share» section there is an «Add domain» button – you can add several addresses. This is handy if one quiz is used on your main website and on micro-landing pages at the same time.