Skip to main content

Add a Quiz Popup to Your ClickFunnels Site

This article describes how to embed an Interact quiz pop-up onto your ClickFunnels site.

Written by Damaris Pacheco

This guide walks you through embedding an Interact quiz as a pop-up on a ClickFunnels page.

You’ll be able to:

  • Add your quiz as a pop-up on a page

  • Control how and when the pop-up appears

  • Confirm the pop-up loads correctly on your live site


Before you start

Make sure you have the following:

  • An active Interact account

  • At least one created quiz in Interact

  • Your quiz is published in Interact

  • Access to edit your ClickFunnels site

💡 Note: If you don’t see the pop-up immediately after adding the code, Save your changes and use Preview to confirm it’s showing.


Step 1. Get your Interact quiz pop-up code

  1. Log in to Interact.

  2. Locate the quiz you want to add as a pop-up.

  3. Click the Share & Embed tab.

  4. Click Pop-up on the left sidebar.

  5. Click the JavaScript tab.

  6. Toggle on Activate the quiz to promote.

❗ Important: You can have 1 quiz pop-up running at a time. If another quiz pop-up is already active, activating this one will replace it.

  1. (Optional) Configure your pop-up settings (for example, timing/hiatus) and any page rules if you want to limit where the pop-up appears.

  2. Click Copy Code.

❗ Important: Always copy the embed code from the quiz’s Share & Embed tab (not from the browser address bar URL).


Step 2. Add the pop-up code to ClickFunnels

You’ll paste your Interact pop-up code into ClickFunnels using an HTML/JS element inside the ClickFunnels Pop-up editor.

Embedding the quiz as a pop-up in your Clickfunnels site

  1. Log in to ClickFunnels.

  2. From the left-hand side of the dashboard, select Apps.

  3. Select Site Pages.

  4. Find the page you want to add the quiz pop-up to, then click the Pencil icon to edit. (If you do not have a site, create one by clicking new site page.)

  5. On the site page, go to Pop-up.

  6. Click edit settings.

  7. Click Add new section.

  8. Select a section layout (a blank section is recommended).

  9. Select a row, then click 1 column.

  10. In the elements search bar, type custom.

  11. Select HTML/JS.

  12. Click the Custom Javascript/HTML element.

  13. On the right-hand side of the editor, click open code editor.

  14. Paste your Interact pop-up code into the code box.

  15. Click Save.


Step 3. View the pop-up on your live page

  1. Click Save in ClickFunnels.

  2. Preview your page and confirm the pop-up is loading as expected.

💡 Tip: If you don’t see the pop-up while editing, this is expected in many cases. Check the saved/preview version of the page.


Step 4. Test the embed

Confirm the pop-up works end-to-end on your ClickFunnels page.

  1. Load the page where you added the pop-up.

  2. Wait for the pop-up to appear (based on your timing settings), or trigger it using your configured rules.

  3. Take the quiz as a visitor would.

  4. If your quiz includes an opt-in form, submit the form to confirm it appears and can be completed.

⚠️ Warning: If you’re testing an opt-in form, use a real email you can access so you can verify follow-up emails (if you have them enabled).


Step 5. Publish your ClickFunnels changes

ClickFunnels changes won’t be visible to visitors until they’re saved (and your page is publicly accessible).

  1. In the page editor, click Save.

  2. Confirm the page is accessible to visitors (not hidden or restricted).

❗ Important: If you embed the pop-up code but don’t Save, the pop-up won’t appear for visitors.


FAQs

Why can’t I see the pop-up in the ClickFunnels editor?

  • Some embeds may not render while you’re editing. Click Save, then use Preview to confirm the pop-up is loading.

Do I need to update the pop-up code when I edit my quiz?

  • Usually, no. In most cases you can keep the same code, but you must Publish your quiz in Interact for changes to appear on your embedded version.

.

How can I replace what quiz is shown in the pop-up?

  • If you want a different quiz to appear, swap the pop-up code.

    1. In Interact, open the new quiz you want to promote.

    2. Go to Share & EmbedPopupJavascript and click Copy Code.

    3. In ClickFunnels, open the page and go to Pop-upedit settings.

    4. Click your Custom Javascript/HTML element and select open code editor.

    5. Replace the existing code with the new pop-up code, then click Save.


Make a quiz in 2 minutes with AI

Did this answer your question?