Share / Publish¶
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.
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¶
What's a Link Popup?
It's a link that will open the quiz as a popup over your page.
On Every Page¶
- To add a link popup to your webstie, in Shopify, go to
Online Store > Theme
and clickCustomize
. -
Open
App Embeds
and toggle the button to acitvate theLink 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.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. -
Click on
Save
to save the changes. - You can add a
#quiz
to any element of your website to trigger the link popup. For example, you can add it to a button, link or a menu item.
Check our guide
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 for step by step instructions.
On a Specific Page¶
- To add a link popup to a specific page, in Shopify, go to
Online Theme > Customize
. From theHome page
menu on top, go toPages
and click on the page template you want to add the link popup to or create a new page template. -
Once in the page template editor, click on
+ Add section
, click theApps
. From the list, pick theLink Popup Quiz
. -
In the
Link Popup Quiz
section, you can adjust the link popup settings.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.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. -
Click on
Save
to save the changes. - Remember to apply the new page template to the page you want to add the link popup to.
- You can add a
#quiz
to any element of your website to trigger the link popup. For example, you can add it to a button, link or a menu item.
Check our guide
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 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.
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¶
What's an Inline Quiz?
It's a quiz embedded inline with a page.
On Every Page¶
Warning
Most users perfer to place the inline quiz only on a specific page. To do that, check the On a Specific Page section below.
- To add an inline quiz to your webstie, in Shopify, go to
Online Store > Theme
and clickCustomize
. - From the
Home page
menu on top, select theDefault page
template. This is a template applied by default to most pages in your store. -
When in the page template editor, click on
+ Add section
, click theApps
. From the list, pick theInline Quiz
. -
In the
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 isPixels (px)
. You can change it toViewport 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. -
Click on
Save
to save the changes. From now on, the inline quiz will be visible on all the pages that use theDefault page
template.
Check our guide
Follow the step by step instructions provided in the Add the quiz to your home page
section or in our How to Embed an Inline Quiz on Your Store for step by step instructions.
On a Specific Page¶
- To add a inline quiz to a specific page, in Shopify, go to
Online Theme > Customize
. From theHome page
menu on top, go toPages
and click on the page template you want to add the inline quiz to or create a new page template. -
Then,
+ Add section
, click theApps
. From the list, pick theInline Quiz
. -
In the
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 isPixels (px)
. You can change it toViewport 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. -
Remember to apply the new page template to the page you want to add the inline quiz to.
- Click on
Save
to save the changes. From now on, the inline quiz will be visible on that page.
Check our guide
Follow the step by step instructions provided in the Add the quiz to a dedicated landing page
section or in our 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.
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¶
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.
On Every Page¶
-
To add an automatic popup to your website, in Shopify, go to
Online Store > Theme
and clickCustomize
. OpenApp Embeds
and toggle the button to activate theAutomatic 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).Quiz ID (optional)
- Enter a quiz ID to show a specific quiz. Leave blank to load the default. -
Click on
Save
to save the changes. From now on, the automatic popup will be triggered on all the pages.
Check our guide
Follow the step by step instructions provided in our How to Set Up Automatic Popups to add an automatic popup to your website.
Note
By default, the popup is only shown once per session unless Exit Intent
is enabled.
On a Specific Page¶
- To add a link popup to a specific page, in Shopify, go to
Online Theme > Customize
. From theHome page
menu on top, go toPages
and click on the page template you want to add the automatic popup to or create a new page template. -
Then,
+ Add section
, click theApps
. From the list, pick theAutomatic Popup Quiz
. -
In the
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).Quiz ID (optional)
- Enter a quiz ID to show a specific quiz. Leave blank to load the default. -
Click on
Save
to save the changes. From now on, the automatic popup will be triggered on that page or any page that uses the same template. - Remember to apply the new page template to the page you want to add the automatic popup to.
Check our guide
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.
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.
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¶
What's an External Link?
It's a direct link to the quiz for social media.
There are two ways to create an external link for your quiz:
Dedicated Quiz Page¶
This method involves creating a dedicated quiz page for your quiz (for example https://yourstore.myshopify.com/pages/quiz-page
), embeding the quiz on that page and sharing the link to the page on social media.
Check our guide
For step by step instructions, check Inline Quiz on a Specific Page.
Link Popup for Socials¶
This method involves actrivating the Link Popup Quiz
app embed in your store theme and then adding a #quiz
to any URL. For example, https://yourstore.myshopify.com/#quiz
can open the quiz as long as the Link Popup Quiz
app embed is activated. You can use this URL to share the quiz on social media.
Check our guide
For step by step instructions, check Link Popup on Every Page.
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.
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¶
What's an Email Link?
It's a direct link to the quiz for emails.
There are two ways to create an external email link for your quiz:
Dedicated Quiz Page¶
This method involves creating a dedicated quiz page for your quiz (for example https://yourstore.myshopify.com/pages/quiz-page
), embeding the quiz on that page and sharing the link to the page in your emails.
Check our guide
For step by step instructions, check Inline Quiz on a Specific Page.
Link Popup for Socials¶
This method involves actrivating the Link Popup Quiz
app embed in your store theme and then adding a #quiz
to any URL. For example, https://yourstore.myshopify.com/#quiz
can open the quiz as long as the Link Popup Quiz
app embed is activated. You can use this URL to share the quiz in your emails.
Check our guide
For step by step instructions, check Link Popup on Every Page.
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.
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¶
What's a Chat Popup?
It's a quiz popup that appears after a visitor clicks on a chat-like button.
On Every Page¶
-
To add a chat popup to your website, in Shopify, go to
Online Store > Theme
and clickCustomize
. OpenApp Embeds
and toggle the button to activate theChat 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 hidePopup 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.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. -
Click on
Save
to save the changes. From now on, the chat popup will show up on every page.
Check our guide
Follow the step by step instructions provided in our How to Set Up Chat Button Popups to add a chat popup to your website.
On a Specific Page¶
- To add a chat popup to a specific page, in Shopify, go to
Online Theme > Customize
. From theHome page
menu on top, go toPages
and click on the page template you want to add the chat popup to or create a new page template. -
Then,
+ Add section
, click theApps
. From the list, pick theChat 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 hideQuiz ID (optional)
- Enter a quiz ID to show a specific quiz. Leave blank to load the default. -
Click on
Save
to save the changes. From now on, the chat popup will show up on that page or any page that uses the same template. - Remember to apply the new page template to the page you want to add the chat popup to.
Check our guide
Follow the step by step instructions provided in our How to Set Up Chat Button Popups on a Specific Page to add a chat popup to your website.
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 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 →