Skip to main content

How to Embed a Quiz into Your Shopify Store

This article walks you through how to embed an Interact quiz into a Shopify page to engage visitors and capture leads.

Damaris Pacheco avatar
Written by Damaris Pacheco
Updated this week

Accessing your Shopify Store

Step 1: Log in to your Shopify account, go to Online Store, and click Customize.

Step 2: In the Template section, click + Add Section and choose custom Custom Liquid.


Accessing Quiz Embed Code

Step 1: Log in to your Interact dashboard and click "Share & Embed" on your quiz you want to embed.

Step 2: Select "Embed code" then choose "Javascript"

Step 3: Toggle the options for:

  • "Auto-resize embed to fit quiz content"

  • If you are redirecting your quiz results, then select "Redirect host page on redirect."

Step 4: Hit "Copy Code."


Embedding the Quiz Code into Shopify

Step 1: Paste your quiz code into the Liquid Code section.

  • Immediately after the opening <div>, add align="center" to center the quiz on the page.

  • This ensures the quiz is centered within the page where it’s embedded.

  • Click Save when done.

Step 2: Exit the editor. Hit the three dots to preview how the quiz will appear on your live Shopify page.

Step 3: Confirm that your quiz appears on the page and is properly centered.

  • It will also dynamically respond to each question as it changes in size and redirect to your collections pages for the results.

Did this answer your question?