Adding a Quiz to a Product Page

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?"