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.