Skip to main content

How to Add a Quiz Pop Up to Wordpress

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

Written by Mia Fitzpatrick

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

You’ll be able to:

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

  • 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 WordPress site

  • The Interact WordPress plugin installed and activated

❗ Important: Plugins are only available starting with the WordPress Business plan (WordPress.com). If you don’t have access to Plugins in WordPress, you won’t be able to use this method.

💡 Note: If you don’t see the pop-up immediately after adding the Promotion ID, save your changes and check your live page 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 Popup.

  5. Click the WordPress tab.

  6. Toggle on Promote under 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.

7. Customize your pop-up with the desired options.

💡 Note: To limit the WordPress pages that your pop-up appears on, use the visibility settings and add the specific URL paths you want the pop-up (or announcement bar) to appear on.

8. Click Copy ID.

❗ Important: Always copy the pop-up ID from the quiz’s Share & Embed settings (not from the browser address bar URL).

Step 2. Add the Pop-Up Code to WordPress

You’ll paste your Promotion ID into the Interact plugin settings in WordPress.

Embed the quiz as a pop-up using the Interact WordPress plugin (Promotion ID)

  1. Log in to WordPress.

  2. (If needed) Install and activate the Interact plugin:

    1. Click Plugins.

    2. Search for Interact.

    3. Click Install, then click Activate.

  3. From your WordPress account, click Settings, then choose Interact.

  4. Paste the ID you copied from Interact into the Promotion ID box.

  5. Click Set Promotion ID.

Step 3. View the Pop-Up on Your Live Page

  1. Open the WordPress page(s) where you want the pop-up to appear.

  2. Confirm the pop-up is displaying correctly.

💡 Tip: You can go back to your Interact Popup settings at any time to change how and where the pop-up displays.

Step 4. Test the Embed

Confirm the pop-up works end-to-end on your WordPress site.

  1. Load the page where you enabled 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 WordPress changes

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

  1. In WordPress, confirm you clicked Set Promotion ID in Settings → Interact.

  2. Confirm the page(s) you’re testing are accessible to visitors (not hidden or restricted).

❗ Important: If you paste the Promotion ID but don’t click Set Promotion ID, the pop-up won’t appear for visitors.

FAQs

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

  • Confirm you toggled on Promote in Interact (Share & Embed → Popup → WordPress).

  • Confirm you pasted the correct ID into WordPress (Settings → Interact) and clicked Set Promotion ID.

  • If you’re using visibility rules, confirm the URL paths you added match the pages you’re testing.

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

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

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

    2. Go to Share & Embed → Popup → WordPress, toggle on Promote, then click Copy ID.

    3. In WordPress, go to Settings → Interact.

    4. Replace the existing value in Promotion ID with the new ID, then click Set Promotion ID.

    5. Refresh your live page to confirm the new pop-up is showing.

Make a quiz in 2 minutes with AI

Try it free
Related Articles
Did this answer your question?