# Add a dedicated quiz page

> Give a quiz a full page with its own address, to link from your menu, ads, emails and social posts.

Source: https://help.attravo.com/product-quiz/articles/add-a-dedicated-quiz-page
Updated: 2026-10-06

A dedicated quiz page has its own address, such as /pages/skin-quiz, so you can send shoppers straight to it from anywhere. The quiz fills the page, which keeps shoppers focused until their results. It's part of every plan.

## Create the page

1. In your Shopify admin, open **Online Store** > **Pages** and select **Add page**.
2. Give it a title, such as **Skin quiz**, and save it.

## Add the quiz to it

1. Open **Online Store** > **Themes** and select **Customize**.
2. Switch to your page in the page menu at the top, and create a template for it, so the quiz shows on this page only.
3. Select **Add section**, open **Apps** and choose **Quizz Dedicated Page**.

![Add section on the Apps tab, with Quizz Dedicated Page highlighted](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/page-3-add-section-14042f5122.webp#w=2072&h=1232)

4. Fill in the block's settings, then select **Save**.

![Quizz Dedicated Page settings, with Quiz handle highlighted, beside the quiz in the preview](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/page-4-settings-ee775b7e6a.webp#w=2072&h=1232)

| Setting | What it does |
| --- | --- |
| **Quiz handle** | The quiz to show. Blank shows your most recently published quiz for this kind of block. See [Choose where each quiz shows](https://help.attravo.com/product-quiz/articles/choose-where-each-quiz-shows.md). |
| **Heading** | The page's heading above the quiz. |
| **Subheading** | A line under the heading. |
| **Quiz max width (px)** | How wide the quiz can grow, from 480 to 1200. |

5. In your Shopify admin, open the page again and set its theme template to the one you created. Save.

**Home** has a shortcut too: under **Where your quiz is live**, **Add to theme** on **Dedicated page** opens the theme editor with the block added to your default page template. Use it only if every page on that template should show the quiz.

## What shoppers see

The quiz takes the page: a bar with the progress at the top, the questions in the middle, and the buttons pinned to the bottom of the screen.

![The dedicated page on a computer: the heading, the progress, the first question and Next question at the bottom](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/page-1-desktop-32ea5d8972.webp#w=2400&h=1320)

![The same page on a phone](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/page-2-phone-c3a0bf1d71.webp#w=780&h=1688)

Each question has its own address, so the browser's back button steps back through the quiz.

> [!TIP]
> When the block has a heading, the page also tells search engines it's a quiz, with its name and description.