Opening a Quiz via a Link or Button
You can open a Quizify quiz as a popup when a customer clicks any link, menu item, or button on your store. This method uses a direct link — no embed code or HTML editing required. It is the recommended approach when you want to trigger the quiz from your navigation menu, a call-to-action button, or a text link anywhere on your store.
How the Direct Link Works
Quizify provides a unique direct link for each quiz. When a customer clicks anything with this link as its URL, the quiz opens in a popup overlay on top of the current page.
The link format is:
#quizify-pop-YOUR_QUIZ_ID&size=fullsizeReplace YOUR_QUIZ_ID with the quiz ID shown on the Publish page of your quiz. See Finding Your Quiz ID below.
Popup Size Options
You can control the size of the popup by changing the size parameter at the end of the link:
Size | Link |
|---|---|
Full screen |
|
Medium |
|
Small |
|
Choose the size that fits best with your store's layout and the quiz length.
Finding Your Quiz ID
From the Quizify dashboard, click the edit quiz icon next to your quiz
Click the Publish tab at the top of the editor
Your quiz ID is displayed on this page — copy it
Adding the Link to Your Navigation Menu
Go to Shopify Admin → Online Store → Navigation
Open the menu you want to add the quiz link to (for example, Main menu)
Click Add menu item
Enter a label for the item (for example, "Find Your Match" or "Take the Quiz")
In the link field, paste the direct link:
#quizify-pop-YOUR_QUIZ_ID&size=fullsizeClick Add and then Save menu
When a customer clicks the menu item, the quiz will open as a popup.
Adding the Link to a Button or Text Link
To add the link to a button in the Shopify Theme Editor:
Go to Shopify Admin → Online Store → Themes → Customise
Find the button or section you want to link (for example, a hero banner button)
Set the button URL to the direct link:
#quizify-pop-YOUR_QUIZ_ID&size=fullsizeSave
To add it as a text hyperlink in a page or blog post, switch to HTML view and use:
<a href="#quizify-pop-YOUR_QUIZ_ID&size=fullsize">Take the Quiz</a>