Skip to main content

How to Embed Into Wordpress

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

Written by Damaris Pacheco

This guide walks you through embedding an Interact quiz directly onto a WordPress page or post.

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

  • The Interact WordPress plugin installed and activated

💡 Note: Plugins are only available starting with the WordPress “Business” plan (WordPress.com). If you don’t have access to Plugins, you won’t be able to use the Interact plugin embed method.


Step 1. Get your Interact direct embed code

In WordPress, you’ll embed your quiz using the Interact shortcode.

  1. Log in to Interact.

  2. Locate the quiz you want to embed.

  3. Click Share & Embed next to the quiz.

  4. Click the Embed Code tab.

  5. Click the WordPress tab.

  6. Scroll down to customize your quiz shortcode.

  7. Scroll up and click Copy Shortcode.

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


Step 2. Add the Embed Code to WordPress

You’ll paste your Interact shortcode into WordPress where you want the quiz to appear.

Embed on a WordPress page or post using the Interact plugin shortcode

Install and activate the Interact plugin (required)

  1. Log in to WordPress.

  2. In the left-hand menu, click Plugins.

  3. Search for Interact.

  4. Click Install, then click Activate.

❗ Important: If the plugin is not activated, your Interact shortcode will not render the quiz on the page.

Paste the shortcode into your page or post

  1. In WordPress, go to Posts and click Add Post (or go to Pages and open the page you want to use).

  2. Give your post/page a title.

  3. Open the editor in Text view mode.

  4. Paste the Interact shortcode where you want the quiz to appear.

  5. Click Save.

⚠️ Warning: If you paste the shortcode into the visual editor instead of Text view mode, the shortcode may not render correctly.


Step 3. View the quiz on your live page

  1. In WordPress, click Save (and Publish or Update, if applicable).

  2. Preview or view the live page and confirm the quiz loads.

💡 Tip: If you don’t see the quiz immediately after adding the shortcode, Save your changes and refresh the live page.


Step 4. Test the Embed

Confirm the quiz works end-to-end on your WordPress 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 WordPress changes

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

  1. In the editor, click Save (and Publish or Update, if applicable).

  2. Confirm the page you embedded the quiz on is accessible to visitors (not private, password-protected, or restricted).

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


FAQs

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

  • Some embeds may not render while you’re editing. Click Save (and Publish/Update, if applicable), then preview or view the live page 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 shortcode, 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 shortcode.

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

    2. Click Share & Embed.

    3. Click Embed CodeWordPress.

    4. Click Copy Shortcode.

    5. In WordPress, open the page/post where the quiz is embedded and switch to Text view mode.

    6. Replace the existing shortcode with the new shortcode, then click Save (and Publish/Update, if applicable).


Make a quiz in 2 minutes with AI

Did this answer your question?