Share / Publish¶
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.
There, you will find step-by-step instructions on how to publish the default quiz onto your website.
Tip
You can also check our 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.
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¶
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.
To add a link popup to your webstie, in Shopify, go to Online Store > Theme and click Customize.
Open App Embeds and toggle the button to acitvate the Link Popup Quiz.
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.
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.
Warning
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¶
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.
To add an inline quiz to your webstie, in Shopify, go to Online Store > Theme and click Customize.
Then, + Add section, click the Apps. From the list, pick the Inline Quiz.
In the V2 - Inline Quiz section, you can adjust the inline quiz settings.
In Inline Quiz settings, you can adjust:
Quiz height (in pixels) - Sets the minimum height of the quiz. It expands if the content is taller.
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.
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.
Warning
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¶
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.
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.
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).
Then, follow the step by step instructions provided in our How to Set Up Automatic Popups to add an automatic popup to your website.
Warning
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.
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¶
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.
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.
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.
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.
Warning
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.
-
Access Theme Customization: Log in to your Shopify admin dashboard. Navigate to
Online Store > Themes. Find your current theme and click on theCustomizebutton. -
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. -
Save changes: Click on the Save button to ensure all changes are saved before exiting the theme editor.
-
Copy the link to the quiz popup: The direct link to your quiz popup is https://skincarequizstore.myshopify.com/#quiz.
-
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¶
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.
Check External link instructions.
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¶
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.
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.
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.
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.
Warning
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.
← Previous: Connect / Integrations Next: Metrics →