Skip to main content

How to Embed A Quiz on ClickFunnels

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

Written by Damaris Pacheco

This guide walks you through embedding an Interact quiz directly onto a ClickFunnels page.

You’ll be able to:

  • Embed your quiz inline on a page

  • Control where the quiz appears on the page

  • Confirm the quiz 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 quiz immediately after adding the embed code, Save your changes and use Preview to confirm the quiz is showing.


Step 1. Get your Interact direct embed code

  1. Log in to Interact.

  2. Locate the quiz you want to embed.

  3. Click the Share & Embed tab.

  4. Click Embed Code.

  5. Click the Javascript tab.

  6. Under Embed Options:

    • Toggle on Auto-resize embed to fit quiz content

    • Toggle on Use custom embed size, then set the width to 1,500

  7. 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 embed code to ClickFunnels

You’ll paste your Interact embed code into ClickFunnels where you want the quiz to appear.

Embed on a ClickFunnels page using the Header Code section

  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 to, then click the Pencil icon to edit. (If you do not have a site, please create one by clicking on "new site page".)

  5. On the site page, click the Settings (emoji) icon.

  6. Select Show Code.

  7. Click the Header Code tab.

  8. Paste your Interact embed code into the Header Code section.

  9. In the code you pasted, find the first <div and update it so it starts like this: <div align="center" (this centers the quiz across devices).

  10. Click Save.

💡 Note: If you forget to add align="center" to the opening <div, your quiz may not appear centered on all screen sizes.


Step 3. View the quiz on your live page

  1. Click Save in ClickFunnels.

  2. Click the eye icon to Preview the page and confirm the quiz loads.

💡 Tip: If you don’t see the quiz while editing, this is expected in many cases—check the saved/preview version of the page.


Step 4. Test the Embed

Confirm the quiz works end-to-end on your ClickFunnels page.

  1. Load the page where you embedded the quiz.

  2. Take the quiz as a visitor would.

  3. 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 you embedded the quiz on is accessible to visitors (not hidden or restricted)..

❗ Important: If you embed the quiz but don’t Save, the quiz won’t appear for visitors.


FAQs

Why can’t I see the quiz in the ClickFunnels editor?

  • Some embeds may not render while you’re editing. Click Save, then use Preview (eye icon) to confirm the quiz is loading.

Do I need to update the embed code when I edit my quiz?

  • Usually, no. In most cases you can keep the same embed 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 embed?

  • If you want a different quiz to appear in the same spot, swap the embed code.

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

    2. Go to Share & Embed → Embed Code → Javascript and click Copy Code.

    3. In ClickFunnels, open the page and click the Pencil icon to edit.

    4. Click the Settings (emoji) icon, then select Show Code.

    5. Click the Header Code tab.

    6. Replace the existing code with the new embed code.


Make a quiz in 2 minutes with AI

Did this answer your question?