In this article we will look at how you can use interact quiz builder to add a quiz popup to your Shopify store. Before beginning this process you'll need to create a quiz for your Shopify store.
Here's a video version if you prefer.
Step 1: Navigate to themes then click actions and choose edit code from the dropdown.
Step 2: On the edit code page, scroll down to Sections then click on header.liquid
Step 3: Search within the code (ctrl+f on windows or command+f on mac) then search for </head> some themes have a variation of this such as </header-drawer> {/head} {/header} or [/head]
Step 4: Go to interact quiz builder share & embed options, then click Popup and Copy Code.
If you are using the result redirect option, don't forget to scroll down and select the option to Redirect Host.
Step 5: Go back to your Shopify and paste in the code before the closing </head> tag (in my case it's </header-drawer>
Step 6: Click Save
Step 7: Go to your Shopify site and make sure the popup is displaying correctly. You can go back to step 4 and edit settings in interact quiz builder to change how/when the popup shows up and how it looks.
Need to create a quiz for Shopify? Here's our guide on how to do that