> ## Documentation Index
> Fetch the complete documentation index at: https://store-docs.quizify.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding a Quiz to a Product Page

> How to add a Quizify quiz to a Shopify product page — using the app block for no-code inline embedding, or the direct link to open the quiz as a popup from a button.

Placing a quiz on a product page helps customers choose the right variant before adding to cart. For products with multiple variants — sizes, shades, strengths, or configurations — a quiz on the product page can guide customers to the right option without leaving the page.

***

## Why a Product Page Quiz Is Effective

Customers landing on a product page are often close to purchasing but uncertain about which option to choose. A short quiz placed on the product page answers that question in context — reducing hesitation and increasing confidence.

Common uses include:

* Shade or tone finders for beauty and cosmetics products

* Size guides for clothing, footwear, or accessories

* Strength or dosage selectors for supplements

* Variant finders for any product with multiple options

***

## Method 1: App Block (Recommended)

The app block is the easiest way to add a quiz inline on a product page. No embed code or HTML editing required.

1. Go to **Shopify Admin → Online Store → Themes → Customise**

2. In the theme editor, navigate to a **Product** page (select a product from the dropdown)

3. Click **Add section** or **Add block** within the product page template

4. Find and select the **Quizify** app block

5. In the block settings, enter your **Quiz ID** (found on the Publish page of your quiz editor — open the quiz editor and click the **Publish** tab)

6. Drag the block to your preferred position — typically below the product description

7. Click **Save**

> **Note:** Sections and blocks added in the theme editor apply to the product page template — they may appear on all product pages that use that template. If you only want the quiz on a specific product page, check if your theme supports product-specific templates.

***

## Method 2: Direct Link (Open as Popup from a Button)

If you want customers to trigger the quiz by clicking a button on the product page — rather than seeing it inline — use the direct link method.

Set the button URL to:

\#quizify-pop-YOUR\_QUIZ\_ID\&size=fullsize

Replace `YOUR_QUIZ_ID` with the quiz ID from the Publish page of your quiz editor. You can also use `medium` or `small` instead of `fullsize` to change the popup size.

In the Shopify Theme Editor, find the button or call-to-action element on the product page and set its link to the direct link above.

See: Opening a Quiz via a Link or Button

***

## Targeting a Specific Product vs. All Product Pages

If you want the quiz to appear on all product pages in your store, adding an app block or custom section to the product template is the right approach.

If you want the quiz to appear on only one specific product page:

* Some themes allow you to create separate templates for specific products — create a template for that product and add the quiz block only to that template

* Use conditional logic in a Custom Liquid section: `{% if product.handle == 'your-product-handle' %}` to show the quiz only for that product

***

## Recommended Placement

The quiz typically works best when placed:

* Below the product description and images

* Above or below the reviews section

* In a clearly labelled section such as "Find Your Perfect Shade" or "Which size is right for you?"