Skip to content

How to Set Up Automatic Popups

This guide walks you through setting up automatic popups on your eCommerce store, including popups that appear based on time spent on a page, across all pages, on the homepage, with exit intent, and options for showing popups multiple times per session.

What's an Automatic Popup?

It's a quiz popup that appears after X seconds. The popup is shown only once per session unless Exit Intent option is enabled in the popup settings. Automatic popups can significantly enhance user engagement by presenting timely content or interactive elements like quizzes.

Warning

Automatic popups can be very intrusive which is why, by default, they are shown only once per customer session.

Before you start

Before you start ensure you have a quiz created with the RevenueHunt app, access to the theme editor and (optional) basic understanding of HTML for editing themes.

Note: Directly editing your Shopify or other eCommerce theme's source code can potentially disrupt your store's functionality. If unsure about some steps, consider hiring a developer.

Auto-Popup on the Main Page

What's an Automatic Popup Quiz on the Main Page?

It's a quiz popup that appears after X seconds on the main page of your store. The popup is shown only once per session unless Exit Intent option is enabled in the popup settings.

Shopify 1.0 Theme Compatibility

Quizzes created with đź’ŽBuilt for Shopify version of the RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

  1. Access Theme Customization: Log in to your Shopify admin dashboard. Navigate to Online Store > Themes. Find your current theme and click on the Customize button.
  2. Add a section for the app embed: In the Home page Template, add a section for the app embed called Auto Popup Quiz by Revenue Hunt Quizzes. This will enable the quiz pop-up on the home page.

    how_to_shopifyv2_publish_automatic_popup_on_specific_page_embed

  3. Configure Popup Settings:

    manual_shopifyV2_quizbuilder_share_publish_automatic_options

    • Set the Popup Delay (in seconds) - how long to wait before showing the popup
    • Adjust the Popup Width and Height (as percentage of screen)
    • Set the Popup z-index to control layering with other elements
    • Set the Quiz ID (optional) to show a specific quiz. Leave blank to load the default.
    • Toggle Trigger Popup on Exit Intent if you want the popup to appear when users try to leave the page
  4. Save Changes: Click on the Save button to ensure all changes are saved before exiting the theme editor.

  5. Test the Automatic Pop-up: To view the Automatic Pop-up, ensure you are in an incognito or private browsing window, as pop-ups are shown only once per user session.

Note

When visitors come to your store, the default quiz for your store will open automatically based on your settings.

If you've configured Shopify Markets, the default quiz for that specific market will be shown instead.

If you want to show a specific quiz, you can do so by setting the Quiz ID in the popup settings. Check this section for more information.

Option 1: Through Shopify Theme

  1. Copy Quiz ID: Go to your RevenueHunt app dashboard, select a quiz and click the ... button. Copy your Quiz ID.
  2. Open Store Themes: Go to Online Store > Themes, click Customize, then open App Embeds.
  3. Embed Popup Quiz: Select Automatic Popup Quiz, enter the Quiz ID, adjust settings, and activate the toggle.
  4. Save Changes: Ensure all changes are saved before exiting the theme editor.

Option 2: Manual

  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  3. Open Store Themes: In Themes, click Customize, add a Custom content section, then a Custom HTML/Custom liquid block.
  4. Paste Popup Code: In the HTML/custom liquid block, paste your popup code.
  5. Save Changes: Ensure all changes are saved before exiting the theme editor.
  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  3. In WordPress, open Pages and find the Front Page. Click Edit to open the page.
  4. In the editor, find a Custom HTML element and add it to the page.
  5. In the element, paste the code copied from the app.
  6. Save the changes and update the page.
  7. From now on, the automatic popup quiz will be visible on the main page.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In your Magento dashboard go to Content > Blocks. Click Add New Block.
  5. Edit the Block Title, Identifier and Store View and click Edit with Page Builder.
  6. Select Elements > Rows and drag a row into the canvas.
  7. Next open Elements and pick HTML Code. Drag the HTML Code onto the Row.
  8. Click the gear icon to open HTML settings.
  9. Under Enter HTML, CSS or JavaScript code paste the HTML code copied from the app.
  10. Remember to save the changes.
  11. From now on, the automatic popup quiz will be visible on the main page.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In BigCommerce, go to Storefront > Web Pages. Find the main page.
  5. Switch to the HTML editor. Paste the HTML code copied from the app.
  6. Save the changes.
  7. From now on, the automatic popup will be visible on the main page.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In your store customization options find the main page.
  5. Find a Custom HTML element. In the element settings paste the code copied from the app.
  6. Save the changes.
  7. From now on, the automatic popup quiz will be visible on the main page.

Auto-Popup on a Specific Page

What's an Automatic Popup Quiz on a Specific Page?

It's a quiz popup that appears after X seconds on a specifc page of your store. The popup is shown only once per session unless Exit Intent option is enabled in the popup settings.

Shopify 1.0 Theme Compatibility

Quizzes created with đź’ŽBuilt for Shopify version of the RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

  1. Create a new page: Navigate to Shopify Online Store > Pages. Click on Add New Page to create a new page (e.g., Automatic Pop-up Page). Set the visibility to Visible and save the changes.
  2. Access Theme Customization: Log in to your Shopify admin dashboard. Navigate to Online Store > Themes. Find your current theme and click on the Customize button.
  3. Create a new template: Go to Online Store > Themes > Customize. Access the Homepage menu > Pages and click + Create a new template. Name the template something like Automatic Quiz Pop-up Template and edit it.
  4. Add a section for the app embed: In the new template, add a section for the app embed called Automatic Pop-up Quiz (Block) by Revenue Hunt Quizzes. This will enable the quiz pop-up on the specified page.

    how_to_shopifyv2_publish_automatic_popup_on_specific_page_embed

  5. Configure Popup Settings:

    manual_shopifyV2_quizbuilder_share_publish_automatic_options

    • Set the Popup Delay (in seconds) - how long to wait before showing the popup
    • Adjust the Popup Width and Height (as percentage of screen)
    • Set the Popup z-index to control layering with other elements
    • Set the Quiz ID (optional) to show a specific quiz. Leave blank to load the default.
    • Toggle Trigger Popup on Exit Intent if you want the popup to appear when users try to leave the page
  6. Save Changes: Click on the Save button to ensure all changes are saved before exiting the theme editor.

  7. Assign the template to the page: Go to Online Store > Pages and select the page you created. Under Page Template select the template you created.

    how_to_shopifyv2_publish_automatic_popup_on_specific_page_tempalte

  8. Save Changes: Click on the Save button to ensure all changes are saved before exiting the theme editor.

  9. Test the Automatic Pop-up: To view the Automatic Pop-up, ensure you are in an incognito or private browsing window, as pop-ups are shown only once per user session.

Note

When visitors come to your store, the default quiz for your store will open automatically based on your settings.

If you've configured Shopify Markets, the default quiz for that specific market will be shown instead.

If you want to show a specific quiz, you can do so by setting the Quiz ID in the popup settings. Check this section for more information.

  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  3. Embed Code on Page: In Shopify, go to Online Store > Pages, select the page, click Show HTML, and paste the popup code.
  4. Save Changes: Ensure all changes are saved before exiting the theme editor.
  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  3. In WordPress, open Pages and find the page where you want the popup to show. Click Edit to open the page.
  4. In the editor, find a Custom HTML element and add it to the page.
  5. In the element, paste the code copied from the app.
  6. Save the changes and update the page.
  7. From now on, the automatic popup quiz will be visible on that page.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In your Magento dashbaord go to Content > Pages. Click Add New Page or open an existing page.
  5. Edit the Page and open the Content tab. Click Edit with Page Builder.
  6. Select Elements > Rows and drag a row into the canvas.
  7. Next open Elements and pick HTML Code. Drag the HTML Code onto the Row.
  8. Click the gear icon to open HTML settings.
  9. Under Enter HTML, CSS or JavaScript code paste the HTML code copied from the app.
  10. Remember to save the changes.
  11. From now on, the automatic popup quiz will be visible on that page.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In BigCommerce, go to Storefront > Web Pages. Click Create a Web Page or pen an existing page.
  5. Under Web Page Details > Page Content switch to the HTML editor. Paste the HTML code copied from the app.
  6. Save the changes.
  7. From now on, the automatic popup quiz will be visible on that page.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In your store customization options find the page you want the quiz to show on.
  5. Find a Custom HTML element. In the element settings paste the code copied from the app.
  6. Save the changes.
  7. From now on, the automatic popup quiz will be visible on that page.

Auto-Popup on All Pages

What's an Automatic Popup Quiz on All Pages?

It's a quiz popup that appears after X seconds on all pages of your store that have the same template/theme applied. The popup is shown only once per session unless Exit Intent option is enabled in the popup settings.

Shopify 1.0 Theme Compatibility

Quizzes created with đź’ŽBuilt for Shopify version of the RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

  1. Access Theme Customization: Log in to your Shopify admin dashboard. Navigate to Online Store > Themes. Find your current theme and click on the Customize button.
  2. Activate App Embeds: Make sure you are editing the Default theme for your store. Within the theme customization area, go to App Embeds. Look for the Automatic Popup Quiz option and toggle it on. manual_shopifyV2_quizbuilder_share_publish_onlinestore_automatic
  3. Configure Popup Settings:

    manual_shopifyV2_quizbuilder_share_publish_automatic_options

    • Set the Popup Delay (in seconds) - how long to wait before showing the popup
    • Adjust the Popup Width and Height (as percentage of screen)
    • Set the Popup z-index to control layering with other elements
    • Set the Quiz ID (optional) to show a specific quiz. Leave blank to load the default.
    • Toggle Trigger Popup on Exit Intent if you want the popup to appear when users try to leave the page
  4. Save Changes: Click on the Save button to ensure all changes are saved before exiting the theme editor.

  5. Test the Automatic Pop-up: To view the Automatic Pop-up, ensure you are in an incognito or private browsing window, as pop-ups are shown only once per user session.

The popup will now appear across all pages that have the same template/theme applied according to the configured settings.

Note

When visitors come to your store, the default quiz for your store will open automatically based on your settings.

If you've configured Shopify Markets, the default quiz for that specific market will be shown instead.

If you want to show a specific quiz, you can do so by setting the Quiz ID in the popup settings. Check this section for more information.

  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  3. Edit Theme's Source Code: Navigate to Online Store > Themes, click Actions > Edit Code to access the theme editor.
  4. Locate and Edit File: Find the </body> tag in theme.liquid or footer.liquid. Paste the popup code just before this tag.
  5. Save Changes: Ensure all changes are saved before exiting the theme editor.
  1. Install a Popup Plugin: First, you'll need a plugin that can create and manage popups. Popular options include 'Popup Maker' or 'Elementor' if you're looking for something with more design flexibility. Install and activate your chosen plugin through the WordPress dashboard.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  4. Create a New Popup: Navigate to the popup plugin's section in your WordPress dashboard. Select the option to create a new popup. Name your popup and start designing it. Most popup plugins offer a visual editor to customize the look and layout.
  5. Embed the Quiz: In the popup editor, add a custom HTML block and paste the code copied from the app.
  6. Set Popup Conditions: Configure when and where the popup should appear on your site.
  7. Publish and Test: After configuring your popup, publish it. Then, visit your site to ensure the popup appears as expected and that the quiz functions properly within the popup.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Find and Install a Popup Extension: Search the Magento Marketplace for a popup extension that fits your needs. Extensions like "Magento 2 Popup Extension" by Mageplaza or similar can be used. Download and install the extension via Composer or by uploading it to your server.
  3. Configure the Extension: Once installed, navigate to the backend of your Magento store. Go to the extension settings via the admin panel. Here you can create a new popup and configure its settings.
  4. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  5. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  6. Embed the Quiz: In the popup configuration, insert the HTML or JavaScript code for your quiz. This could will be the code generated from your "Product Recommendation Quiz".
  7. Set Display Rules: Configure the extension to show the popup on all pages. You might also set additional conditions like display timing, animation effects, and user interaction triggers (e.g., exit intent, time on site).
  8. Save and Test: After setting up everything, save your changes and test the popup on your live site to ensure it works correctly across different pages and devices.

Using Script Manager

  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Access the Script Manager: Log into your BigCommerce admin dashboard. Navigate to Storefront > Script Manager.
  3. Create a New Script: Click on Create a Script. Fill in the details:
  4. Name: Give your script a name, e.g., "Product Recommendation Quiz".
  5. Location on Page: Choose Footer to ensure the script loads at the end of the page, which is typical for popups.
  6. Select Pages where script will be added: Choose All Pages to ensure the popup appears throughout your site.
  7. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  8. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  9. Insert the Popup Code: In the Script Content area, paste the HTML code for your popup. This will include the quiz code from your quiz builder.
  10. Save and Test: Save your script settings. Visit your store's front end in an incognito window to ensure the popup appears correctly on all pages.

Modifying Theme Files

Alternatively, if you need more control or if the Script Manager does not meet your requirements, you can modify the theme files directly:

  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  4. Access the Theme Files: Navigate to Storefront > My Themes. Click on Advanced > Edit Theme Files.
  5. Modify the Footer File: Locate the file typically named footer.html or similar under the Templates directory. Paste your popup's HTML code just before the closing tag.
  6. Save and Deploy: Save your changes and preview them. Once confirmed, deploy the changes live.
  7. Testing: Clear your browser cache and check the popup functionality across different pages and devices to ensure consistent behavior.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code. Copy the HTML code.
  4. In your store customization options find the option to edit your store's theme.
  5. In the footer add the HTML code copied from the app. This will ensure the popup shows up on all pages in your store.
  6. Save the changes.

FAQs

Open a Specific Quiz

By default when add an automatic popup, the default quiz for your store will show.

Note

If you've configured Shopify Markets, the default quiz for that specific market will be shown instead.

If instead you want to open a specific quiz, you need to add a Quiz ID in the Quiz ID (optional) field in the Automatic Popup Quiz settings in the theme editor.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_automatic_settings

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

To open a specific quiz as an automatic popup, just generate the embed code from the Share tab of the desired quiz and add it to the page where you want the quiz to show.

To open a specific quiz as an automatic popup, just generate the embed code from the Share tab of the desired quiz and add it to the page where you want the quiz to show.

To open a specific quiz as an automatic popup, just generate the embed code from the Share tab of the desired quiz and add it to the page where you want the quiz to show.

To open a specific quiz as an automatic popup, just generate the embed code from the Share tab of the desired quiz and add it to the page where you want the quiz to show.

To open a specific quiz as an automatic popup, just generate the embed code from the Share tab of the desired quiz and add it to the page where you want the quiz to show.

Show Popup on Exit Intent

Shopify 1.0 Theme Compatibility

Quizzes created with the đź’ŽBuilt for Shopify RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

  1. Access Theme Customization: Log in to your Shopify admin dashboard. Navigate to Online Store > Themes. Find your current theme and click on the Customize button.
  2. Activate App Embeds: Within the theme customization area, go to App Embeds. Look for the Automatic Popup Quiz option and toggle it on. manual_shopifyV2_quizbuilder_share_publish_onlinestore_automatic
  3. Configure Exit Intent:

    manual_shopifyV2_quizbuilder_share_publish_automatic_options

    • Toggle on the Trigger Popup on Exit Intent option
    • Adjust other settings like Popup Width and Height as needed
  4. Save Changes: Click on the Save button to ensure all changes are saved before exiting the theme editor.

The popup will now appear when visitors show exit intent (moving cursor towards closing the tab/window).

Option 1: Through Shopify Theme

  1. Copy Quiz ID: Go to your RevenueHunt dashboard, select a quiz and click the ... button. Copy your Quiz ID.
  2. Open Store Themes: Go to Online Store > Themes, click Customize, then open App Embeds.
  3. Embed Popup Quiz: Select Automatic Popup Quiz, enter the Quiz ID and activate the Exit intent option in your popup settings.
  4. Save Changes: Ensure all changes are saved before exiting the theme editor.

Option 2: Manual

  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  2. Generate Popup Code: Adjust settings and activate the Exit intent option in your popup settings. Click Get code to generate an HTML code.
  3. Open Store Themes: In Themes, click Customize, add a Custom content section, then a Custom HTML/Custom liquid block.
  4. Paste Popup Code: In the HTML/custom liquid block, paste your popup code.
  5. Save Changes: Ensure all changes are saved before exiting the theme editor.
  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  2. Generate Popup Code: Adjust settings and activate the Exit intent option in your popup settings. Click Get code to generate an HTML code.
  3. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings and activate the Exit intent option in your popup settings. Click Get code to generate an HTML code.
  4. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings and activate the Exit intent option in your popup settings. Click Get code to generate an HTML code.
  4. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.
  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings and activate the Exit intent option in your popup settings. Click Get code to generate an HTML code.
  4. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.

Repeated Popup Displays per Session

It is not possible to show the popup more than once per session in đź’ŽBuilt for Shopify version of the RevenueHunt app unless you activate the Exit intent option following the instructions here.

  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode, and Show Instructions for Legacy Themes.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  3. Modify Popup Code: To show the popup more than once per session until completion, add data-aggressive="true" to your popup code. Example:

    <div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>
    
  4. Open Store Themes: In Themes, click Customize, add a Custom content section, then a Custom HTML/Custom liquid block.

  5. Paste Popup Code: In the HTML/custom liquid block, paste your popup code.
  6. Save Changes: Ensure all changes are saved before exiting the theme editor.
  1. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  2. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  3. Modify Popup Code: To show the popup more than once per session until completion, add data-aggressive="true" to your popup code. Example:

    <div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>
    
  4. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.

  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  4. Modify Popup Code: To show the popup more than once per session until completion, add data-aggressive="true" to your popup code. Example:

    <div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>
    
  5. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.

  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  4. Modify Popup Code: To show the popup more than once per session until completion, add data-aggressive="true" to your popup code. Example:

    <div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>
    
  5. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.

  1. Add the following embed.js script before the </head> close tag in the header.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
    Without it, the quiz won't be loaded on your website.
  2. Obtain Automatic Embed Code: From the quiz builder, click Share, select Automatic mode.
  3. Generate Popup Code: Adjust settings like popup duration, width or height and click Get code to generate an HTML code.
  4. Modify Popup Code: To show the popup more than once per session until completion, add data-aggressive="true" to your popup code. Example:

    <div id="auto-popup" data-timeout="5" data-exit-intent="true" data-aggressive="true" data-quiz-id="dbqHqN" style="display: none;"></div>
    
  5. Publish the quiz: Follow the instructions to publish the quiz on the homepage, specific page or across all pages.

The quiz you are looking for does not exist

docs/images/how_to_publish_shipifyV2_V1publisherror.png

Shopify 1.0 Theme Compatibility

Quizzes created with đź’ŽBuilt for Shopify version of the RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

If you see the error message "The quiz you are looking for does not exist" when trying to activate an automatic popup quiz, follow these steps:

  1. Ensure that you have activated the Automatic Popup Quiz in the Online Store > Theme > Customize > App Embeds and not the the legacy Automatic Popup Quiz Legacy. how_to_publish_shipifyV2_V1publisherrorautomaticpopup

    If a wrong automatic popup quiz is activated, you will see the error message "The quiz you are looking for does not exist" when trying to link to a V2 quiz.

    To solve this simply deactivate the Automatic Popup Quiz Legacy and activate the Automatic Popup Quiz one.

  2. Save the changes.

If you see the error message "The quiz you are looking for does not exist" when trying to activate an automatic popup quiz, follow these steps:

  1. Go back to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  2. Go to Quiz Settings and copy the Quiz ID. Then in Shopify, go back to Online Store > Themes > Customize and under the App Embeds select the Automatic Popup Quiz option.
  3. Paste the Quiz ID in the Quiz ID field. Note: the Quiz ID is case-sensitive. how_to_publish_shipifyV2_V1publisherrorautomaticpopupv1
  4. Save your changes and refresh the page.

If you see the error message "The quiz you are looking for does not exist" when trying to activate an automatic popup quiz, follow these steps:

  1. Make sure to generate the correct embed code from the Share section. If in doubt, regenerate the embed code and re-paste it in the page.
  2. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  3. If the quiz is still not displayed,try adding our embed.js script to the page via a custom HTML element.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
  4. Save the changes and refresh the page.

If you see the error message "The quiz you are looking for does not exist" when trying to activate an automatic popup quiz, follow these steps:

  1. Make sure to generate the correct embed code from the Share section. If in doubt, regenerate the embed code and re-paste it in the page.
  2. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  3. If the quiz is still not displayed,try adding our embed.js script to the page via a custom HTML element.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
  4. Save the changes and refresh the page.

If you see the error message "The quiz you are looking for does not exist" when trying to activate an automatic popup quiz, follow these steps:

  1. Make sure to generate the correct embed code from the Share section. If in doubt, regenerate the embed code and re-paste it in the page.
  2. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  3. If the quiz is still not displayed,try adding our embed.js script to the page via a custom HTML element.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
  4. Save the changes and refresh the page.

If you see the error message "The quiz you are looking for does not exist" when trying to activate an automatic popup quiz, follow these steps:

  1. Make sure you have added our embed.js script to the page via a custom HTML element.
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    
  2. Make sure to generate the correct embed code from the Share section. If in doubt, regenerate the embed code and re-paste it in the page.
  3. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  4. Save the changes and refresh the page.

By following these steps, you can enhance your eCommerce store's interactivity and user engagement through well-timed automatic popups.