Open the quiz from a menu link
Open a quiz in a popup from a menu item, a text link or any button, without touching code.
Attravo TeamUpdated 1 min readOn this page
The Quizz Link Popup opens the quiz in a popup from any link to #quizz, such as an item in your main menu. Shoppers find it in the place they look first. It's part of Pro.
Turn it on
- Open Online Store > Themes, select Customize, then select App embeds in the left bar.
- Turn on Quizz Link Popup, and fill in its settings.
- Select Save.
| Setting | What it does |
|---|---|
| Enable link popup | Lets links open the quiz. |
| Quiz handle | The quiz to open. Blank opens your most recently published quiz for this kind of block. |
| Custom CSS selector (advanced) | Other elements that open the quiz, such as .header__cta. Buttons with the class quizz-trigger work already. |
| Modal width (px) | How wide the popup is, from 360 to 1200. |
| Heading and Subheading | Shown above the quiz in the popup. |
Add a menu item
- In your Shopify admin, open Online Store > Navigation and open your main menu.
- Select Add menu item.
- Give it a Label, such as Find my routine, and set Link to
#quizz.
- Select Add, then Save menu.
In a text editor, such as a page's content, a link to #quizz works the same way. A link to your store's address ending in #quizz works too.
What shoppers see
Selecting the link opens the quiz in a popup over the page. Shoppers close it with the close button at its top right.
Was this helpful?
More in On your store
- Choose where each quiz showsCompare the five ways to put a quiz on your store, and decide which quiz each block shows.
- Add a dedicated quiz pageGive a quiz a full page with its own address, to link from your menu, ads, emails and social posts.
- Add a quiz inside a pagePlace a quiz inside your home page, a collection or any page, sized and spaced to fit your theme.
- Add a floating chat buttonPut a quiz launcher in a corner of every page, and choose when it appears and what it says.