Quiz Trigger

The visible half of the quiz: a single line with a small bottle icon that reads “Not sure what formula is right for you? Take the quiz.” Clicking the link opens the quiz in a dialog.

Drop it under a product grid, in a hero, or anywhere a shopper might stall on which formula to pick.

Note

This block only shows the prompt. The quiz content itself is built from metaobjects — see the Quiz Modal page for how to write the questions, answers and results.

Settings

Setting	What it does
Quiz	Which quiz this link opens. Leave it empty and the block doesn’t render.
Prompt text	The lead-in sentence. Defaults to “Not sure what formula is right for you?”
Link text	The clickable part. Defaults to “Take the quiz.”
Alignment	Left, center, or right. Defaults to center.

Caution

Picking a quiz other than the default? The default quiz works on every page with no setup. Any other quiz also needs a Quiz Modal section added to that page and set to the same quiz — otherwise clicking the link does nothing.

Placing more than one

You can put several triggers on a page (say, one in the hero and one further down), pointed at the same quiz or at different ones.

Each trigger opens whichever quiz its own Quiz setting names, so mixing them is fine — just make sure any non-default quiz has its Quiz Modal section on the page.

Accessibility

Handled for you, but worth knowing when reviewing:

• The link is a real button, so it works with keyboard and screen readers.
• Focus is trapped inside the dialog while it’s open and returns to the trigger when it closes.
• Escape closes the dialog.
• Animations respect the “reduce motion” setting.

Tips

• Put it near the decision. It works best right where someone is comparing products, not stranded in a footer.
• Keep the prompt short. It’s one line by design; a long prompt wraps awkwardly on mobile.
• Match the question to the page. On a migraine-specific page, “Not sure which formula?” reads better than the generic default.