# Add a quiz inside a page

> Place a quiz inside your home page, a collection or any page, sized and spaced to fit your theme.

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

The **Quizz Inline** block puts the quiz right inside a page, where shoppers already are, such as the home page or a collection. It's part of Pro.

## Add the block

1. Open **Online Store** > **Themes** and select **Customize**, then open the page where the quiz should show.
2. Select **Add section**, open **Apps** and choose **Quizz Inline**.

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

3. Drag the section to where it should sit on the page.
4. Fill in its settings, then select **Save**.

On **Home**, **Add to theme** on **Inline embed** opens the theme editor with the block added to your home page.

## The settings

![Quizz Inline 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/inline-4-settings-e9b98a2531.webp#w=2072&h=1312)

| Setting | What it does |
| --- | --- |
| **Quiz handle** | The quiz to show. Blank shows your most recently published quiz for this kind of block. |
| **Max width (px)** | How wide the quiz can grow, from 320 to 1400. |
| **Margin top (px)** and **Margin bottom (px)** | Space above and below the quiz, up to 200. |
| **Inner padding (px)** | Space between the block's edge and the quiz, up to 80. |
| **Border radius (px)** | How rounded the block's corners are, up to 40. |
| **Background color** | The block's background, around the quiz. |

## What shoppers see

The quiz sits in the page as a card. Shoppers answer without leaving the page, and add their results to the cart from there.

![A quiz inside the home page on a computer, under Take the skin quiz](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/26c6b449-14c5-4b56-862b-ad70599c7b2b/inline-1-desktop-6240a13600.webp#w=1584&h=1624)

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

> [!TIP]
> Template quizzes start out set to show in an inline block, so a blank **Quiz handle** finds them. See [Choose where each quiz shows](https://help.attravo.com/product-quiz/articles/choose-where-each-quiz-shows.md).