Publish Quiz: Automatic Popup
The quiz will be displayed as a popup when someone spends more than X seconds on that page.
Shopify
Automatic popup on a specific page in your store
To show an automatic popup on a specific page in your store, first, generate the automatic popup code from the app’s Share -> Automatic section. Navigate to the Online Store -> Pages and open the selected page. Click on the “Show HTML” button and paste the code into the code editor:
Automatic popup on all pages in your store
If you want the popup to appear on ALL pages in your store, you’ll have to add the code to your theme’s source code.
Warning: the following actions might break your store's theme, so make sure that if you don't know for sure what you're doing, hire a developer to do this for you.
First, copy the code from the app. Then, in Shopify, navigate to Online Store > Themes and then click on Actions > Edit Code. This will open the theme’s source code editor:


Each theme is different so the files and source code will vary from theme to theme. You’ll have to find the </body>
closing tag and paste the code right before it. This can usually be found in the theme.liquid
file or the footer.liquid
file. After pasting the code, click on the “Save” button:


Automatic popup on the main page in your store
Option 1: From Shopify Theme
Before you start, make sure to find and copy the Quiz ID of the quiz you want to publish. Here‘s how to find your Quiz ID. Once you have the Quiz ID, in your Shopify store’s dashboard, navigate to Online Store > Themes and click on the “Customize” button. Next, open the App Embeds section and click on the Automatic Popup Quiz.
Copy the Quiz ID into the input field. Then adjust the settings.
Once you’re ready, activate the automatic popup with the toggle and save the changes. Remember that the automatic popup is shown only once per customer session.
Option 2: Manual
To show an automatic popup on a specific page in your store, first, generate the automatic popup code from the app’s Share -> Automatic section.
Show popup quiz only when Exit intent
You can choose to show the automatic popup only if the customer is turning away from your site (exit-intent).
Option 1: From Shopify theme
To activate it, select the “Exit intent” option in the popup settings.
Option 2: Manual
To activate it, select the “Exit intent” option in the popup settings and generate a new code.
Show automatic popup more than once per session
By default, the automatic popup is shown only once per customer session. That is because popups are very intrusive and can make for a negative customer experience. However, if you want to show the popup every time a customer visit’s a page untill they complete the quiz, you can add the following parameter: data-aggressive="true"
to the automatic popup code generated from the app. For example:
<div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>
WooCommerce, BigCommerce, Magento & Headless Commerce
Generate an Automatic Popup code
To show an automatic popup on a specific page in your store, first, generate the automatic popup code from the app’s Share -> Automatic section and copy it.
Now you can add the copied HTML code of the automatic popup anywhere you want on your website inside an HTML building block. This varies significantly per platform. If you are not sure how to find the HTML block in your page builder, try contacting the theme developer.
If you want to add the popup on all pages of your store, you may need to add the copied HTML code directly to your website’s theme. It is advised to consult a developer before doing this.
For standalone or headless eCommerce, remember to add the following embed.js script before the </head> close tag in the header in order for the automatic popup to work on your website:
<script src="https://admin.revenuehunt.com/embed.js" async></script>
Show popup quiz only when Exit intent
You can choose to show the automatic popup only if the customer is turning away from your site (exit-intent). To activate it, select the “Exit intent” option in the popup settings and generate a new code.
Show automatic popup more than once per session
By default, the automatic popup is shown only once per customer session. That is because popups are very intrusive and can make for a negative customer experience. However, if you want to show the popup every time a customer visit’s a page untill they complete the quiz, you can add the following parameter: data-aggressive="true"
to the automatic popup code generated from the app. For example:
<div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>