Share / Publish

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

In the Share tab of the Quiz Builder, you can choose how to publish the quiz on your website or how to share it with your customers. Click on the option tiles to see instructions and extra settings.

For step-by-step instructions check How to Publish the Quiz guide.

To add the quiz to your store, go the Publish tab from your Dashboard side menu.

Theme extensions status - Informs you if the RevenueHunt Quiz App theme extension is active and where it's installed in your Shopify store theme

Edit - Opens the Theme Extension Status page.

Below, you will find step-by-step instructions on how to publish the default quiz onto your website. Click on the option tiles to see instructions and extra settings.

Tip

Check our How to Publish the Quiz guide for detailed instructions.

In the Share tab of the Quiz Builder, you can choose how to publish the quiz on your website or how to share it with your customers. Click on the option tiles to see instructions and extra settings.

For step-by-step instructions check How to Publish the Quiz guide.

In the Share tab of the Quiz Builder, you can choose how to publish the quiz on your website or how to share it with your customers. Click on the option tiles to see instructions and extra settings.

For step-by-step instructions check How to Publish the Quiz guide.

In the Share tab of the Quiz Builder, you can choose how to publish the quiz on your website or how to share it with your customers. Click on the option tiles to see instructions and extra settings.

For step-by-step instructions check How to Publish the Quiz guide.

In the Share tab of the Quiz Builder, you can choose how to publish the quiz on your website or how to share it with your customers. Click on the option tiles to see instructions and extra settings.

For step-by-step instructions check How to Publish the Quiz guide.

Link

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

A link that will open the quiz as a popup over your page.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

What's a Link Popup?

It's a link that will open the quiz as a popup over your page.

1. To add a link popup to your webstie, in Shopify, go to Online Store > Theme and click Customize.

2. Open App Embeds and toggle the button to acitvate the Link Popup Quiz.

   

3. You can adjust the popup options:

   

   Popup width (% of screen) - Controls the width of the quiz popup window as a percentage of the user's screen width.

   Popup height (% of screen) - Controls the height of the quiz popup window as a percentage of the user's screen height.

   Popup z-index - Determines the stacking order of the quiz popup relative to other elements on the webpage.

   Manage app - Opens the RevenueHunt dashboard with full settings and options.

4. Then, follow the step by step instructions provided in the Add the quiz as a link-triggered popup section or in our How to Set Up a Quiz Link Popup on Your Store to add a quiz link to your website.

   

Check our guide

Check How to Set Up a Quiz Link Popup on Your Store for step by step instructions.

A link that will open the quiz as a popup over your page.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

A link that will open the quiz as a popup over your page.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

A link that will open the quiz as a popup over your page.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

A link that will open the quiz as a popup over your page.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Inline

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

Quiz embedded inline with a page.

Instructions for legacy themes - Opens extra settings menu.

EMBEDDED QUIZ OPTIONS

Width - Adjust the width of the quiz by typing the percentage number or px value.

Height - Adjust the width of the quiz by typing the percentage number or px value.

Fixed height - Will set a fixed height of the quiz iframe as specified in the Height field above. Toggle to activate.

What's an Inline Quiz?

It's a quiz embedded inline with a page.

1. To add an inline quiz to your webstie, in Shopify, go to Online Store > Theme and click Customize.

2. Then, + Add section, click the Apps. From the list, pick the Inline Quiz.

   

3. In the V2 - Inline Quiz section, you can adjust the inline quiz settings.

   

   Quiz height - The initial height of the quiz. If the quiz is not tall enough, after the first question, it will expand to fit the content.

   Quiz height (unit) - The unit of the quiz height. Default is Pixels (px). You can change it to Viewport height percentage (vh).

   Fixed height - Keeps the quiz height fixed. Turn off to allow automatic height adjustment.

   Full width quiz - Makes the quiz span the full width of the page. Off by default (Shopify recommended).

   Auto-scroll on retake quiz - Enable this to make the quiz auto-scroll when the user retakes the quiz. Select the scrolling behavior (Disabled, Top of the page, Top of the quiz).

   Auto-scroll on question change - Enable this to make the quiz auto-scroll when the user navigates to another question. Select the scrolling behavior (Disabled, Top of the page, Top of the quiz).

   Quiz ID (optional) - Enter a quiz ID to show a specific quiz. Leave blank to load the default.

   Manage app - Opens the RevenueHunt dashboard with full settings and options.

4. Then, follow the step by step instructions provided in the Add the quiz to your home page section, Add the quiz to a dedicated landing page section or in our How to Embed an Inline Quiz on Your Store to add a quiz link to your website.

   

Check our guide

Check How to Embed an Inline Quiz on Your Store for step by step instructions.

Quiz embedded inline with a page.

Instructions for legacy themes - Opens extra settings menu.

EMBEDDED QUIZ OPTIONS

Width - Adjust the width of the quiz by typing the percentage number or px value.

Height - Adjust the width of the quiz by typing the percentage number or px value.

Fixed height - Will set a fixed height of the quiz iframe as specified in the Height field above. Toggle to activate.

Quiz embedded inline with a page.

Instructions for legacy themes - Opens extra settings menu.

EMBEDDED QUIZ OPTIONS

Width - Adjust the width of the quiz by typing the percentage number or px value.

Height - Adjust the width of the quiz by typing the percentage number or px value.

Fixed height - Will set a fixed height of the quiz iframe as specified in the Height field above. Toggle to activate.

Quiz embedded inline with a page.

Instructions for legacy themes - Opens extra settings menu.

EMBEDDED QUIZ OPTIONS

Width - Adjust the width of the quiz by typing the percentage number or px value.

Height - Adjust the width of the quiz by typing the percentage number or px value.

Fixed height - Will set a fixed height of the quiz iframe as specified in the Height field above. Toggle to activate.

Quiz embedded inline with a page.

Instructions for legacy themes - Opens extra settings menu.

EMBEDDED QUIZ OPTIONS

Width - Adjust the width of the quiz by typing the percentage number or px value.

Height - Adjust the width of the quiz by typing the percentage number or px value.

Fixed height - Will set a fixed height of the quiz iframe as specified in the Height field above. Toggle to activate.

Automatic

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

A quiz popup appears after X seconds.

By default, the popup is only shown once per session.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the width of the quiz by typing the percentage number.

Wait seconds - Set up the number of seconds after which the quiz popup will be automatically displayed. Note: Do not set a value to 0.

Exit intent - Show the automatic popup when the customer is exit intent. Toggle to activate.

What's an Automatic Popup?

It's a quiz popup that appears after X seconds.

Automatic Popup on all pages

1. To add an automatic popup to your website, in Shopify, go to Online Store > Theme and click Customize. Open App Embeds and toggle the button to activate the Automatic Popup Quiz.

   

2. You can adjust the popup options:

   

   Popup Delay (in seconds) - Set up the number of seconds after which the quiz popup will be automatically displayed.

   Popup Width (% of screen) - Controls the width of the quiz popup window as a percentage of the user's screen width.

   Popup Height (% of screen) - Controls the height of the quiz popup window as a percentage of the user's screen height.

   Popup z-index - Determines the stacking order of the quiz popup relative to other elements on the webpage.

   Trigger Popup on Exit Intent - Show the automatic popup when the customer shows exit intent (moving cursor towards closing the tab/window).

3. Then, follow the step by step instructions provided in our How to Set Up Automatic Popups to add an automatic popup to your website.

Check our guide

Check How to Set Up Automatic Popups for step by step instructions.

Note

By default, the popup is only shown once per session unless Exit Intent is enabled.

Automatic Popup on a specific page

1. To add an automatic popup to a specific page, in Shopify, go to Online Store > Pages. Click on the page you want to add the automatic popup to.

2. Then, + Add section, click the Apps. From the list, pick the Automatic Popup Quiz.

   

3. In the V2 - Automatic Popup Quiz section, you can adjust the automatic popup settings.

   

   Popup Delay (in seconds) - Set up the number of seconds after which the quiz popup will be automatically displayed.

   Popup Width (% of screen) - Controls the width of the quiz popup window as a percentage of the user's screen width.

   Popup Height (% of screen) - Controls the height of the quiz popup window as a percentage of the user's screen height.

   Popup z-index - Determines the stacking order of the quiz popup relative to other elements on the webpage.

   Trigger Popup on Exit Intent - Show the automatic popup when the customer shows exit intent (moving cursor towards closing the tab/window).

4. Then, follow the step by step instructions provided in our How to Set Up Automatic Popups on a Specific Page to add an automatic popup to your website.

Check our guide

Check How to Set Up Automatic Popups on a Specific Page for step by step instructions.

Note

By default, the popup is only shown once per session unless Exit Intent is enabled.

A quiz popup appears after X seconds.

By default, the popup is only shown once per session.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the width of the quiz by typing the percentage number.

Wait seconds - Set up the number of seconds after which the quiz popup will be automatically displayed. Note: Do not set a value to 0.

Exit intent - Show the automatic popup when the customer is exit intent. Toggle to activate.

A quiz popup appears after X seconds.

By default, the popup is only shown once per session.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the width of the quiz by typing the percentage number.

Wait seconds - Set up the number of seconds after which the quiz popup will be automatically displayed. Note: Do not set a value to 0.

Exit intent - Show the automatic popup when the customer is exit intent. Toggle to activate.

A quiz popup appears after X seconds.

By default, the popup is only shown once per session.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the width of the quiz by typing the percentage number.

Wait seconds - Set up the number of seconds after which the quiz popup will be automatically displayed. Note: Do not set a value to 0.

Exit intent - Show the automatic popup when the customer is exit intent. Toggle to activate.

A quiz popup appears after X seconds.

By default, the popup is only shown once per session.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the width of the quiz by typing the percentage number.

Wait seconds - Set up the number of seconds after which the quiz popup will be automatically displayed. Note: Do not set a value to 0.

Exit intent - Show the automatic popup when the customer is exit intent. Toggle to activate.

External

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

Direct link to the quiz for social media.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

What's an External Link?

It's a direct link to the quiz for social media.

1. To create a link popup for socials, in Shopify, go to Online Store > Theme and click Customize. Open App Embeds and toggle the button to acitvate the Link Popup Quiz.

   

2. You can adjust the popup options:

   

   Popup width (% of screen) - Controls the width of the quiz popup window as a percentage of the user's screen width.

   Popup height (% of screen) - Controls the height of the quiz popup window as a percentage of the user's screen height.

   Popup z-index - Determines the stacking order of the quiz popup relative to other elements on the webpage.

3. Then, follow the step by step instructions provided in the Share the quiz as an external link section or in our How to Get an External Quiz Link for Social Media to add a quiz link to your website.

   

Check our guide

Check How to Get an External Quiz Link for Social Media for step by step instructions.

Share the quiz as an external link

Share a link to your quiz on email campaigns, social media posts, paid ads, or any other communication channel.

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 V2 - Link Popup Quiz option and toggle it on. This action will automatically add the RevenueHunt script to your site, enabling quiz links to load in a popup.

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

4. Copy the link to the quiz popup: The direct link to your quiz popup is https://skincarequizstore.myshopify.com/#quiz.

5. Share the link: Share the link to the quiz popup with your audience. You can add it to your email campaigns, social media posts, or any other communication channel.

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

Direct link to the quiz for social media.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Direct link to the quiz for social media.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Direct link to the quiz for social media.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Direct link to the quiz for social media.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Email

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

Quiz popup when someone clicks on this email link.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

What's an Email Link?

It's a direct link to the quiz for emails.

1. To create a link popup for emails, in Shopify, go to Online Store > Theme and click Customize. Open App Embeds and toggle the button to acitvate the Link Popup Quiz.

   

2. You can adjust the popup options:

   

   Popup width (% of screen) - Controls the width of the quiz popup window as a percentage of the user's screen width.

   Popup height (% of screen) - Controls the height of the quiz popup window as a percentage of the user's screen height.

   Popup z-index - Determines the stacking order of the quiz popup relative to other elements on the webpage.

3. Then, follow the step by step instructions provided in the Share the quiz as an external link section or in our How to Get an External Quiz Link for Email to add a quiz link to your website.

   

Check our guide

Check How to Get an External Quiz Link for Email for step by step instructions.

Share the quiz as an external link

Share a link to your quiz on email campaigns, social media posts, paid ads, or any other communication channel.

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 V2 - Link Popup Quiz option and toggle it on. This action will automatically add the RevenueHunt script to your site, enabling quiz links to load in a popup.

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

4. Copy the link to the quiz popup: The direct link to your quiz popup is https://skincarequizstore.myshopify.com/#quiz.

5. Share the link: Share the link to the quiz popup with your audience. You can add it to your email campaigns, social media posts, or any other communication channel.

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

Quiz popup when someone clicks on this email link.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Quiz popup when someone clicks on this email link.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Quiz popup when someone clicks on this email link.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Quiz popup when someone clicks on this email link.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

Chat

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

Quiz popup when visitors click on a chat-like button.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

CHAT BUTTON OPTIONS

Chat button color - Adjust the color of the chat button by selecting one from the tool or adding a #color.

Hide after quiz completion - Hide the chat button after the customer reaches the results page. Toggle to activate.

Notification dot - Show the small red notification dot on the chat icon. Toggle to activate.

Greeting message - Show and edit the greeting message displayed next to the chat icon. Toggle to activate.

What's a Chat Popup?

It's a quiz popup that appears after a visitor clicks on a chat-like button.

1. To add a chat popup to your website, in Shopify, go to Online Store > Theme and click Customize. Open App Embeds and toggle the button to activate the Chat Button Quiz.

   

2. You can adjust the chat button options:

   

   Chat Button Color - Adjust the color of the chat button by selecting one from the tool or adding a #color.

   Chat Icon Color - Adjust the color of the chat icon by selecting one from the tool or adding a #color.

   Hide after quiz completion - Hide the chat button after the customer reaches the results page. Toggle to activate.

   Show notification dot - Show the small red notification dot on the chat icon. Toggle to activate.

   Greeting message - Show and edit the greeting message displayed next to the chat icon. Leave it empty to hide

   Popup Width (% of screen) - Controls the width of the quiz popup window as a percentage of the user's screen width.

   Popup Height (% of screen) - Controls the height of the quiz popup window as a percentage of the user's screen height.

   Popup z-index - Determines the stacking order of the quiz popup relative to other elements on the webpage.

   Manage app - Opens the RevenueHunt dashboard with full settings and options.

3. Then, follow the step by step instructions provided in our How to Set Up Chat Button Popups to add a chat popup to your website.

Check our guide

Check How to Set Up Chat Button Popups for step by step instructions.

Quiz popup when visitors click on a chat-like button.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the heightof the quiz by typing the percentage number.

CHAT BUTTON OPTIONS

Chat button color - Adjust the color of the chat button by selecting one from the tool or adding a #color.

Hide after quiz completion - Hide the chat button after the customer reaches the results page. Toggle to activate.

Notification dot - Show the small red notification dot on the chat icon. Toggle to activate.

Greeting message - Show and edit the greeting message displayed next to the chat icon. Toggle to activate.

Quiz popup when visitors click on a chat-like button.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

CHAT BUTTON OPTIONS

Chat button color - Adjust the color of the chat button by selecting one from the tool or adding a #color.

Hide after quiz completion - Hide the chat button after the customer reaches the results page. Toggle to activate.

Notification dot - Show the small red notification dot on the chat icon. Toggle to activate.

Greeting message - Show and edit the greeting message displayed next to the chat icon. Toggle to activate.

Quiz popup when visitors click on a chat-like button.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the height of the quiz by typing the percentage number.

CHAT BUTTON OPTIONS

Chat button color - Adjust the color of the chat button by selecting one from the tool or adding a #color.

Hide after quiz completion - Hide the chat button after the customer reaches the results page. Toggle to activate.

Notification dot - Show the small red notification dot on the chat icon. Toggle to activate.

Greeting message - Show and edit the greeting message displayed next to the chat icon. Toggle to activate.

Quiz popup when visitors click on a chat-like button.

Instructions for legacy themes - Opens extra settings menu.

POPUP OPTIONS

Popup width - Adjust the width of the quiz by typing the percentage number.

Popup height - Adjust the width of the quiz by typing the percentage number.

CHAT BUTTON OPTIONS

Chat button color - Adjust the color of the chat button by selecting one from the tool or adding a #color.

Hide after quiz completion - Hide the chat button after the customer reaches the results page. Toggle to activate.

Notification dot - Show the small red notification dot on the chat icon. Toggle to activate.

Greeting message - Show and edit the greeting message displayed next to the chat icon. Toggle to activate.

---

← Back to Quiz Builder Index

← Previous: Connect / Integrations Next: Metrics →