# Build a quiz landing page

> Build a full landing page around a quiz, with a hero, how it works and your own images, for campaigns and ads.

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

The **Quizz Landing Page** block builds a whole page around the quiz: a hero with a big call to action, a short explanation, and optional proof such as reviews. It suits paid campaigns, where the page has to sell the quiz before shoppers take it. It's part of Pro.

## Add the block

1. Create a page in **Online Store** > **Pages**, such as **Routine guide**.
2. In the theme editor, switch to the page, create a template for it, select **Add section**, open **Apps** and choose **Quizz Landing Page**.
3. Fill in its settings, then select **Save**, and set the page's theme template to the one you created.

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

## The page's settings

| Setting | What it does |
| --- | --- |
| **Quiz handle** | The quiz the page opens. Blank uses your most recently published quiz for this kind of block. |
| **Brand name (quiz header)** | Shown at the top of the quiz once it opens. Blank uses your store's name. |
| **Max width (px)** | How wide the page's content can grow, from 900 to 1440. |
| **Highlighter color** | The marker behind highlighted words. |
| **Primary / button color** and **Button text color** | The buttons' colors. |

## The sections

Each section has its own settings, and **Show** turns the optional ones on.

| Section | What's in it | On by default |
| --- | --- | --- |
| **Announcement bar** | A line of text across the top. | No |
| **Hero** | An eyebrow, a heading with a highlighted word, a subheading, the button and a secondary link. It can also show an incentive pill and a cluster of avatars. | Yes |
| **Real people grid** | Up to five people, each with an image, a name and a video link. | No |
| **How it works (split)** | An image beside a heading, two paragraphs and three steps. | Yes |
| **Before / after review** | A quote with before and after images. | No |
| **Quiz section + trust bar** | A closing heading, the button, and a row of trust items you separate with commas. | Yes |

![The hero, with Take the quiz](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/landing-1-hero-4af6a2f6f6.webp#w=2400&h=1163)

![How it works, with an image beside three steps](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/landing-2-how-31602fa0fb.webp#w=2400&h=1302)

![The closing section, with Find your match and Take the quiz](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/landing-3-quiz-cf23ef1c0d.webp#w=2400&h=647)

## What shoppers see

Every button on the page opens the quiz full screen, with your brand name at the top. Shoppers close it with the close button or the Esc key.

![The quiz open full screen, with the brand name and a close button, and an answer picked with its education box](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/landing-4-takeover-d4b80c51fb.webp#w=2400&h=1500)