> ## 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 Collection Page

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

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.
