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.


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=fullsize

Replace YOUR_QUIZ_ID with the quiz ID shown on the Publish page of your quiz. See Finding Your Quiz ID below.


You can control the size of the popup by changing the size parameter at the end of the link:

Size

Link

Full screen

#quizify-pop-YOUR_QUIZ_ID&size=fullsize

Medium

#quizify-pop-YOUR_QUIZ_ID&size=medium

Small

#quizify-pop-YOUR_QUIZ_ID&size=small

Choose the size that fits best with your store's layout and the quiz length.


Finding Your Quiz ID

  1. From the Quizify dashboard, click the edit quiz icon next to your quiz

  2. Click the Publish tab at the top of the editor

  3. Your quiz ID is displayed on this page — copy it


  1. Go to Shopify Admin → Online Store → Navigation

  2. Open the menu you want to add the quiz link to (for example, Main menu)

  3. Click Add menu item

  4. Enter a label for the item (for example, "Find Your Match" or "Take the Quiz")

  5. In the link field, paste the direct link: #quizify-pop-YOUR_QUIZ_ID&size=fullsize

  6. Click Add and then Save menu

When a customer clicks the menu item, the quiz will open as a popup.


To add the link to a button in the Shopify Theme Editor:

  1. Go to Shopify Admin → Online Store → Themes → Customise

  2. Find the button or section you want to link (for example, a hero banner button)

  3. Set the button URL to the direct link: #quizify-pop-YOUR_QUIZ_ID&size=fullsize

  4. Save

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>