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.