# Visibility and placement

A well-placed quiz can boost conversion, average order value, and data capture. Strategic placement can make the quiz feel like a natural next step in the shopping journey, promoting engagement without hurting customer experience. 

## Where to place your quiz:

1. [Homepage and navigation](#homepage-and-navigation)
2. [Pop-ups, modals & announcement bars](#id-2.-pop-ups-modals-and-annoucement-bars)
3. [Dedicated landing page](#id-3.-dedicated-landing-page)
4. [Product & collection pages](#id-4.-product-and-collection-pages)

***

### Homepage and navigation

<table><thead><tr><th width="141.24609375">Placement</th><th width="224.4765625">Why it works</th><th>How to do it</th></tr></thead><tbody><tr><td><strong>Hero banner</strong></td><td>Eye-level real estate grabs first-time visitors.</td><td>Add a full-width image + call-to-action (CTA): <strong>“Not sure what’s right? Take the quiz →”</strong> linking to your quiz page.</td></tr><tr><td><strong>Top-nav link</strong></td><td>Keeps the quiz one click away on every page.</td><td>In <strong>Content > Menus</strong>, add a parent item (for example, named <strong>"Quiz"</strong> or <strong>"Gift Finder"</strong>) and paste the quiz URL.</td></tr><tr><td><strong>Homepage section</strong></td><td>Reinforces the quiz alongside best sellers or promos.</td><td>Insert a rich-text section with a brief benefit explanation and a <strong>Start Quiz</strong> button.</td></tr></tbody></table>

{% hint style="success" %}
**Tip:**

A new visitor should be able to find the quiz in 10 seconds or less.&#x20;
{% endhint %}

***

### Pop-ups, modals and announcement bars

<table><thead><tr><th width="197.7109375">Tactic</th><th>Trigger</th><th>Goal</th></tr></thead><tbody><tr><td><strong>Entry pop-up</strong></td><td>Opens ~5 s after page load.</td><td>Catch curious customers before they leave the store.</td></tr><tr><td><strong>Exit-intent pop-up</strong></td><td>Pops up when cursor heads for the address bar.</td><td>Prompt customers who are leaving with a helpful next step.</td></tr><tr><td><strong>Announcement bar</strong></td><td>Sticky bar across the site.</td><td>Subtle reminder (for example, “Find your match in 30 seconds”).</td></tr></tbody></table>

{% hint style="success" %}
You can use any pop-up tool, you just need to drop in the shareable Quiz Kit URL.
{% endhint %}

***

### Dedicated landing page

A page specifically for your quiz can make your website easier to find (better Search Engine Optimization (SEO)), seasonal marketing campaigns, and paid ads.

**What to include on the page (Checklist):**

* [ ] A clear headline (known as the H1) with keywords (for example, “Find Your Perfect Skincare Routine”)
* [ ] A short introduction (80–100 words) explaining why the quiz or product is helpful
* [ ] A big, easy-to-find **Start Quiz** button near the top of the page
* [ ] Photos showing real people using the product or happy customers

{% hint style="success" %}
**Tip:**&#x20;

If you’re sharing the page on Google, Facebook, or Instagram, then you can send people **directly to this page** for better results and more sales.
{% endhint %}

***

### Product and collection pages

Capture buyers as they're deciding to buy:

1. In **Quiz Kit > Publish > Embed with code snippet**, copy the code.
2. Paste it into your product-page template (above **Add to Cart** or under the description).
3. Save and test on mobile and desktop.

***

### Email, SMS and social media

<table><thead><tr><th width="173.58984375">Channel</th><th width="330.15234375">Example</th><th>Link placement</th></tr></thead><tbody><tr><td><strong>Welcome</strong> <strong>email</strong></td><td>“Still unsure? Find your perfect match in 30 seconds.”</td><td>Primary CTA button</td></tr><tr><td><strong>SMS</strong></td><td>“Take the four question quiz + get 15 % off → [link]”</td><td>Short quiz URL</td></tr><tr><td><strong>Instagram reel</strong></td><td>15-sec walk-through of quiz results</td><td>Bio link + story sticker</td></tr><tr><td><strong>TikTok</strong></td><td>POV: “Me after taking the shade-finder quiz 👀”</td><td>Link in profile</td></tr><tr><td><strong>Pinterest pin</strong></td><td>Static graphic: “Not sure where to start?”</td><td>Pin URL → quiz page</td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.quizkitapp.com/publish-and-launch/visibility-and-placement.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.