How to Add a Quiz to Your Online Store

After creating your quiz, you need to add it to your online store so customers can access it. There are two methods: adding a direct link to your navigation menu, or embedding the quiz using a Quiz ID in the theme editor.

Prerequisites

• A quiz already created and saved in SEA Survey
• Your quiz status set to Active

Method 1: Add Link to Navigation Menu

This method automatically creates a dedicated quiz page at https://yourstore.com/pages/quiz/{quiz-id} and adds it to your store’s navigation.

Step 1: Open the Quiz Instruction Modal

In the popup for adding the quiz to your storefront, click & copy the Link button under Step 1.

Step 2: Copy the Quiz Link

In the modal, the Menu Link section is expanded by default. You will see your quiz’s full URL:

https://yourstore.com/pages/quiz/{quiz-id}

Click the Copy button to copy the URL to your clipboard.

Step 3: Go to Shopify Menu Settings

Click the Go to Menus button. This opens your Shopify admin’s Navigation settings in a new tab.

Step 4: Add the Quiz Link to Your Menu

In Shopify’s Navigation settings:

1. Select the menu you want to edit (e.g., Main menu)
2. Click Add menu item
3. Enter a name for the link (e.g., “Product Quiz” or “Find Your Match”)
4. Paste the quiz URL you copied in Step 2
5. Click Save menu

The quiz will now appear in your store’s navigation.

Method 2: Embed with Quiz ID in Theme Editor

This method lets you embed the quiz as a block inside any page using the Shopify theme editor.

Step 1: Open the Quiz Instruction Modal

In the popup for adding the quiz to your storefront, click & copy the Quiz ID button under Step 1.

Step 2: Switch to Theme Block Section

In the modal, click the Theme Block section to expand it. You will see your quiz’s alphanumeric Quiz ID.

Click the Copy button to copy the ID.

Step 3: Go to Theme Editor

Click the Go to Theme Editor button. This opens your Shopify theme’s customization editor in a new tab.

Step 4: Add the Quiz Block

In the Shopify theme editor:

1. Navigate to the page where you want to add the quiz
2. Click Add section or Add block
3. Find and select the SEA Survey Quiz block
4. Paste the Quiz ID you copied in Step 2
5. Click Save

Tips

• The Menu Link method is the easiest and most common way to add a quiz. Customers click the link and see a full-page quiz experience.
• The Theme Block method is useful if you want to embed the quiz inside an existing page (e.g., a landing page or homepage).
• Make sure your quiz status is set to Active before adding it to your store. An inactive quiz will not load for customers.
• The modal also includes an instruction video that walks you through both methods step by step.
• If you need help, click Let us help at the bottom of the instruction modal to contact support.

Related Articles

• View Quiz Responses (opens in a new tab)
• Customize Quiz Design (opens in a new tab)