Adding a Quiz to a Collection Page

A quiz placed on a collection page helps customers navigate a product range and find the specific item that suits them — rather than scrolling through all products without guidance. This works well for large collections where choice can be overwhelming.

Why a Collection Page Quiz Works Well

When a customer lands on a collection page, they are interested in that category but may not know which product is right for them. A quiz placed at the top of the collection guides them to the best match within the range — making the browsing experience more purposeful and increasing the chance of a purchase.

Method 1: App Block (Recommended)

The app block is the easiest way to add a quiz inline on a collection 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 Collection page — use the page type dropdown to select a collection

3. Click Add section or Add block within the collection 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 above the product grid — so customers see it before they begin browsing

7. Click Save

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

If you prefer the quiz to open as a popup when a customer clicks a button — rather than appearing 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 collection page and set its link to the direct link above.

See: Opening a Quiz via a Link or Button

Targeting a Specific Collection vs. All Collection Pages

When you add an app block to the collection template in the theme editor, it typically applies to all collection pages that use that template — not just one specific collection.

To show a quiz only on a specific collection page:

• Check if your theme allows creating separate collection templates. If so, create a template for that collection and add the quiz block only to that template.

• Use a Custom Liquid section with a conditional check: {% if collection.handle == 'your-collection-handle' %} to show the quiz on only that collection.

Recommended Placement

The quiz typically works best placed above the product grid — so customers see it immediately when they arrive on the collection page, before they begin scrolling through products.