Introduction
In this guide, you’ll learn how to build a product recommendation quiz with Interact and integrate it into your Shopify store while connecting it to Klaviyo for powerful email marketing automation. Product recommendation quizzes help shoppers discover their ideal products by answering simple questions — increasing engagement and conversion rates. Interact’s integrations with Shopify and Klaviyo enable a smooth, unified customer experience from quiz to checkout and personalized follow-up emails.
Build Your Product Recommendation Quiz in Interact
Step 1: Log in to your Interact Dashboard and select + Create New Quiz.
Step 2: Select Start from scratch
Step 3: Click on Personality Quiz.
Step 4: Set Up the Quiz Cover Page
Write a title and description that highlight the value of your products.
Use a button that encourages visitors to start the quiz, e.g., “Find Your Perfect Product” or “See What’s Right for You.”
Different Options to Customize Quiz Results
Option 1: Build Product Recommendations on Result Pages
Step 1: On each Result Page, feature the recommended product(s) prominently.
Consider adding the benefits in the description to increase conversions
Step 2: Add the product link to your Result Page Text.
Click the link button and paste the product URL.
Type out the text you want displayed as the link under Link Text.
Check “Open link in new tab” and click Save.
Step 3: Add CTA buttons to each result to promote your products or link to your storefront.
Link each button directly to the product page.
Use clear, action-oriented text such as “Buy Now” or “Shop This Product.”
Option 2: Creating and redirecting Quiz Results to Shopify Collections in Shopify
Step 1: In your Shopify account, go to Collections and click Create Collection.
Step 2: Add a Title and Description to Your Collection
For the title, make it very straightforward “I.E. You Have Dry Skin” and then tell people you’ve found a product or products that are right for them “I.E. And We’ve Picked Some Products For You.”
For the description, be positive and personal. For each of the results write a description that is uplifting to your customer and also addresses them personally based on how they answered the questions.
Step 3: Scroll down to the Collection Type section and choose Manual.
Step 4: In the Products section, set Sort to Manually, then click Browse to add the specific products you want featured in this collection.
Step 5: Choose the products you want to include in the collection, then click Add to confirm your selection.
Step 6: Click Save, then choose View to open your collection page.
You’ll see the products you added, along with your custom title and description, displayed on the page.
Step 7: Your result collection now has its own unique URL—copy this URL after reviewing the page, as you’ll need it for the next step.
Once you’ve set up a collection page in Shopify for each quiz result, the next step is to link your quiz results to those pages. This way, when someone finishes your quiz—whether they opt in or skip—they’ll be automatically redirected to the corresponding collection page that serves as both their result and personalized product recommendation.
Step 8: In your quiz builder, go to the Results section and select Redirect Results.
Step 9: Paste the URL of the Shopify collection you created for that specific result, then click Save.
After you have successfully redirected your result, this is the message that will appear on your Result Page:
Different Options to Customize Quiz Questions
Option 1: Correlate Answer Choices to their Corresponding Result
Step 1: Under Questions, create Product-Focused Quiz Questions
Under Questions, ask questions that uncover your visitor’s needs, preferences, or goals.
Use multiple-choice answers, with each option directly tied to a product or product collection.
This ensures the quiz guides each visitor toward the products that suit them best.
Step 2: Under each Quiz Question, select Edit Result Correlations to correlate your answer choices to their corresponding result.
Option 2: Use Branching Logic to personalize the quiz experience
Step 1: Turn on Branching Logic in your quiz.
Step 2: Select the first question in the left sidebar and drag it to the map.
Connect it by dragging from the Start block to your first question.
Step 3: Set up the branching paths:
For standard answer choices → link to the next question.
For the specific answer choice → link directly to a Result Page or a different question.
When the quiz taker selects this answer, the quiz will immediately end and show them that specific result or take them to a different question.
Step 4: Continue mapping the remaining questions
Link each answer choice to the next question or final result, making sure every answer eventually leads to a result.
For quiz takers who don’t choose a “direct-to-result” answer, map the last question to Calculated Result: Based on Correlation, so the system assigns the result that matches the answer choices the quiz taker selected most.
Example 1: Branching Logic for a Single Answer Choice
Example 2: Setting Up Branching Paths for Different Answers
Step 5: Click Save Map & Go Back before exiting. Then hit Publish.
Embed the Quiz on 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: Log in to your Interact dashboard and click "Share & Embed" on your quiz you want to embed.
Step 4: Select "Embed code" then choose "Javascript"
Step 5: 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 6: Hit "Copy Code."
Step 7: 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 8: Exit the editor. Hit the three dots to preview how the quiz will appear on your live Shopify page.
Step 9: 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.
Connect Your Quiz to Klaviyo
Find your Klaviyo API Credentials
Step 1: Log in to your Klaviyo account
Navigate and click on your Account Name, which can be found on the button left of your home screen.
Then hit "Settings."
Step 2: Navigate to API Keys and select "Create Private API Key."
Step 3: Under Private API Keys you will find your Klaviyo Private API Key.
Your Private API Key is required for the next setup steps.
We recommend creating one specifically for connecting to Interact, click Create Private API Key to generate a new one. Ensure it includes Full Access permissions for Lists, Profiles, and Subscriptions.
Step 4: Copy your Private API Key for a later step.
Creating a List in Klaviyo
Step 1: Under "List & Segments", Select "Create New." Then click "Create List".
Step 2: We recommend creating a list for each Quiz Result.
Name your list the same name as your Quiz Result. Hit "Create List."
Step 3: On your list, select "Settings" and then select "Consent."
Step 4: Under Consent, you can choose a Double Opt in or a Single Opt in for your Contact List.
By selecting the Double opt-in, this requires new subscribers to confirm their subscription before being added to the list.
By selecting Single opt-in, this immediately subscribes people to this list without a confirmation.
Step 5: Hit "Save" when you have selected your opt-in process.
Connect Klaviyo to your Interact App
Step 1: Turn on "Lead Generation" on the Interact app builder's left sidebar.
To create your Opt-In Form, select the Contact Fields information you would like to collect from your quiz takers.
Under Form Settings, select additional settings for your Opt-in Form.
Step 2: Scroll down and customize your Opt-in Form. Then click "Save & Continue."
Step 3: Under Connect your email list, choose Klaviyo from the list of integrations.
Step 4: Paste your Klaviyo Private API Key and click Connect.
Step 5: Ensure the connection is successful
Upon entering credentials and allowing access you should get a green "connected account" check mark. This verifies that it has been connected and you can move on to the next step.
Map Interact Triggers to Klaviyo Actions
Step 1: Under “Results”, click Add Action.
Next, you’ll map Interact triggers to Klaviyo actions.
A trigger happens when a quiz taker gets a specific result or selects a certain answer.
An action is what Klaviyo should do in response (e.g., add to a list, apply a tag).
Set up a trigger for each quiz result. When someone finishes the quiz and receives that result, the trigger will fire and Klaviyo will automatically run the actions you’ve assigned.
Step 2: In the slideout menu, you will see a list of available actions to run in Klaviyo.
The available actions are:
Add to Contact List **Required**: Choose a Klaviyo contact list from the dropdown to add new contacts to a specific Klaviyo contact list. Example: For a quiz result trigger, you could connect different results to different contact lists to send autoresponders specific to the quiz result your customers received.
Update Custom Field: Type a Klaviyo custom field name in the input box to update the custom field for new contacts with a specific value. The value will auto-populate with the trigger name, but you can customize this with any value you want. Example: For a quiz result trigger, you could type in custom field "Quiz Result Title" in the input box and populate the field with the quiz result title for your quiz.
Step 3: Once finished with one trigger, you can select a different trigger from the left sidebar.
When you have set all triggers that you need for your specific setup, be sure to click Save & Continue.
Step 4: *Optional* You are then taken to "Answers."
If desired, repeat steps 1, 2 and 3 to set a Trigger for specific Quiz Answers. When a quiz taker takes the quiz and chooses the specific quiz answer this will Trigger the following Actions. When you have set all the triggers you need for your specific setup, click Save & Continue.
You can also skip this step and click "Save and continue."
Step 5: Klaviyo Settings
By default, existing Klaviyo profiles will have their contact information updated.
Keep the box checked to update existing Klaviyo profiles with the opt in form values.
Map Form Fields to Klaviyo Custom Fields
Step 1: Here you will find an overview of the way your opt-in form fields are connected to Klaviyo fields.
All fields are list-specific, meaning we list out all connected contact lists and their associated fields. You will map custom fields on a per-list basis. Default fields (cannot be changed): Email, First Name, Last Name
Step 2: For each remaining field, choose the Klaviyo contact field where you’d like the form value saved. You can either select it from the dropdown or type the field name.
When you’ve finished mapping your fields, click Save & Continue.
You can return to your integration settings at any time to make changes.
Step 3: Test Integration
Select Test Integration to test your Integration with Klaviyo. When it is successful, hit Publish on your quiz.
IMPORTANT: If your quiz is already published and embedded, any changes made to the integrations will require you to publish your quiz after changes have been saved.
Creating workflows in Klaviyo
Step 1: Select the Flows tab on the left, then click Create flow.
Please keep in mind that you have to create the emails for each lists separately before setting up the workflows.
Step 2: Click on Build your Own.
Step 3: Name your flow to match one of your quiz results and click Update Flow.
Step 3: Choose List as the trigger for this flow.
Step 4: Choose the list from the dropdown that relates to the quiz result, then click Save.
Step 5: Hit "Confirm and Save."
Step 5: Under Actions, select the Email option and drag it underneath the trigger you just setup.
Click the 3 dots on the Email action and select Edit to create the email which will contain your leads quiz result information.
Step 6: Create your email, configure the settings, and select Done.
Step 7: (Optional) Customize your flow with additional emails, time delays, and conditional logic.
Then select “Review and turn on.”
Step 6: Set your Flow Status to Live, choose whether to schedule or update the status immediately, then click Save.
Step 7: Here’s an example of the email that was sent to a lead who received this result:
Step 8: Repeat steps 1 through 6 for each quiz result.
You should have 1 flow for each quiz result.
Testing
Use this checklist to make sure your setup is working properly:
Take the quiz and submit test answers.
Confirm the quiz displays correctly in Shopify.
Verify that answers and results sync to Klaviyo.
Check that the email follow-up triggers successfully.
Review the quiz on both mobile and desktop to ensure responsive design.
FAQs & Troubleshooting
Common issues and quick fixes:
Quiz not embedding properly? → Check if your Shopify embcd code has align="center" to center the quiz on the page.
No data showing in Klaviyo? → Double-check your field mappings or opt in settings
Final Tips & Optimization Ideas
Ways to get even more out of your quiz:
Add the quiz to pop-ups, email banners, or your Instagram bio.
A/B test quiz titles, product groupings, or form fields.
Personalize follow-up emails based on quiz data (e.g., “Here’s your recommended routine”).
Track performance in Klaviyo analytics and Shopify conversions.