Skip to main content

Add a Quiz Popup to Your Shopify Store

In this article, you'll learn how to use Interact Quiz Builder to add a quiz pop-up to your Shopify store.

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.

Step 3: Click on the Custom Liquid that appears.


Accessing Quiz Embed Code

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

Step 2: In the box that comes up, click on "Popup" on the left sidebar and the “Javascript” tab.

Step 3: Toggle on the button "Promote the popup" under the "Activate the quiz to promote” section. You can have 1 quiz pop-up running at a time.

Step 4: Customize your pop-up with the desired options.

  • We recommend a “Timer Delay” of 5-10 seconds, meaning your web browser will see the popup that many seconds after they get on your page.

  • We suggest a “Hiatus” of at least 10 days. This means once your web browser sees the pop-up, they won’t see it again for that number of days when returning to your site.

Note: If you’re using the Result Redirect option, be sure to scroll down and enable the “Redirect Host” setting to ensure the redirect works correctly.

Step 5: Click “Copy Code.”


Embedding the Quiz Code into Shopify

Step 1: Paste your quiz code into the Liquid Code section and click Save when done.

  • Ignore the Announcement Bar that also appears. It will not appear on the live version.

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.

  • 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?