Setting Up a Quiz as a Popup

In addition to embedding a quiz directly on a page, you can configure a quiz to appear as a popup overlay on your store. The popup appears on top of the page content without the customer needing to navigate to a dedicated quiz page.

What Popup Mode Is

Popup mode displays the quiz in a floating overlay window that appears over your store pages. Unlike an embedded quiz — which is always visible in the page where it is placed — the popup:

• Appears automatically based on trigger conditions you define

• Can be shown on a specific page or across all pages

• Can be dismissed by the customer

• Can be enabled or disabled from the app at any time

This makes it useful for proactively engaging customers who have not sought out the quiz themselves.

How Popup Differs from an Embedded Quiz

How to Access Popup Settings

Popup settings are configured inside the individual quiz, not in the global app settings.

1. From Quizify, open the quiz you want to display as a popup

2. Click Edit Quiz

3. Go to the Publish tab

4. Scroll down to find the Popup Quiz section

All popup configuration options are located here.

Popup Settings Overview

Inside the Popup Quiz section, you will find the following settings:

• Show Popup — A checkbox to enable or disable the popup. Uncheck this to hide the popup without deleting your settings.

• Select Page — Choose whether the popup appears on all pages of your store or on a specific page only.

• Delay — Control whether the popup appears immediately when the page loads or after a set delay.

• Frequency — Control how often the same visitor sees the popup — either never showing it again after the first view, or showing it again after a specified amount of time.

Installing the Popup Code

After you configure and save your popup settings, Quizify generates a code snippet.

1. Save your popup settings

2. Copy the code snippet shown in the Popup Quiz section

3. Open your Shopify admin and go to Online Store > Themes

4. Click Actions > Edit Code on your active theme

5. Find the theme.liquid file

6. Paste the code snippet just before the closing </body> tag

7. Save the file

Enabling and Disabling the Popup

You can turn the popup on or off at any time without removing the code from your theme.

1. Open the quiz in Quizify and click Edit Quiz

2. Go to the Publish tab and open the Popup Quiz section

3. Check or uncheck the Show Popup checkbox

4. Save

When unchecked, the popup will not appear on your store even though the code remains in your theme.