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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.seacommerce.io/product-recommendation-quiz/how-to-add-a-quiz-to-your-online-store.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.