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.
-
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.
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 V2 - 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 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.
-
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.
A link that will open the quiz as a popup over your page.
-
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.
A link that will open the quiz as a popup over your page.
-
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.
A link that will open the quiz as a popup over your page.
-
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.
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.
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 V2 - Inline Quiz
.
In Inline Quiz settings, you can choose the Quiz height (in pixels)
, just type the number in.
- Automatic scroll into View - Uncheck this option if you don't want the quiz to scroll into view.
- Fixed height - Will set a fixed height of the quiz iframe as specified in the Height field above. This also fixes the height of the results page.
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.
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 width of the quiz by typing the percentage number.
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 V2 - 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 theCustomize
button. -
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 width 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 width 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 width 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 width 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 width 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 width 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 width 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 width 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 width 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 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 resutls 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 resutls 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 resutls 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 resutls 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 resutls 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 →