# 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**

{% embed url="<https://go.screenpal.com/watch/cOeIQNnZCs5>" %}

### 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](https://help.seacommerce.io/product-recommendation-quiz/how-to-view-quiz-responses)
* [Customize Quiz Design](https://help.seacommerce.io/product-recommendation-quiz/how-to-customize-your-quiz-design)

<br>