Skip to content

Share / Publish

quiz builder share

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.

/images/manual_shopifyV2_quizbuilder_share_publish_publishinthemenu.png

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

manual_shopifyV2_quizbuilder_share_publish_publishpage

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.

manual_woo_quizbuilder_share

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.

manual_standalone_quizbuilder_share

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.

manual_standalone_quizbuilder_share

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.

manual_standalone_quizbuilder_share

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.

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

Instructions for legacy themes - Opens extra settings menu.

quiz builder share 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 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 V2 - Link Popup Quiz.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_linkpopup

You can adjust the popup options:

manual_shopifyV2_quizbuilder_share_publish_linkpopup_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.

manual_shopifyV2_quizbuilder_share_publish_linkpopup

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.

quiz builder share 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.

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

Instructions for legacy themes - Opens extra settings menu.

quiz builder share 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.

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

Instructions for legacy themes - Opens extra settings menu.

quiz builder share 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.

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

Instructions for legacy themes - Opens extra settings menu.

quiz builder share 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.

Inline

Quiz embedded inline with a page.

quiz builder share inline

Instructions for legacy themes - Opens extra settings menu.

quiz builder share inline legacy

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 V2 - Inline Quiz.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_inline

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

manual_shopifyV2_quizbuilder_share_publish_onlinestore_inline_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.

manual_shopifyV2_quizbuilder_share_publish_inlinepublish

Warning

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

Quiz embedded inline with a page.

quiz builder share inline

Instructions for legacy themes - Opens extra settings menu.

quiz builder share inline legacy

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.

quiz builder share inline

Instructions for legacy themes - Opens extra settings menu.

quiz builder share inline legacy

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.

quiz builder share inline

Instructions for legacy themes - Opens extra settings menu.

quiz builder share inline legacy

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.

quiz builder share inline

Instructions for legacy themes - Opens extra settings menu.

quiz builder share inline legacy

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.

quiz builder share automatic

Instructions for legacy themes - Opens extra settings menu.

quiz builder share automatic legacy

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 V2 - Automatic Popup Quiz.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_automatic

You can adjust the popup options:

manual_shopifyV2_quizbuilder_share_publish_automatic_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.

quiz builder share automatic

Instructions for legacy themes - Opens extra settings menu.

quiz builder share automatic legacy

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.

quiz builder share automatic

Instructions for legacy themes - Opens extra settings menu.

quiz builder share automatic legacy

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.

quiz builder share automatic

Instructions for legacy themes - Opens extra settings menu.

quiz builder share automatic legacy

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.

quiz builder share automatic

Instructions for legacy themes - Opens extra settings menu.

quiz builder share automatic legacy

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.

quiz builder share external

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 V2 - Link Popup Quiz.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_linkpopup

You can adjust the popup options:

manual_shopifyV2_quizbuilder_share_publish_linkpopup_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.

manual_shopifyV2_quizbuilder_share_publish_externallink

Warning

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

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.

quiz builder share external

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.

quiz builder share external

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.

quiz builder share external

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.

quiz builder share external

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.

quiz builder share email

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.

quiz builder share email

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.

quiz builder share email

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.

quiz builder share email

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.

quiz builder share email

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.

quiz builder share chat

Instructions for legacy themes - Opens extra settings menu.

quiz builder share chat legacy popup

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 builder share chat legacy button

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 V2 - Chat Button Quiz.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_chat

You can adjust the chat button options:

manual_shopifyV2_quizbuilder_share_publish_chat_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.

quiz builder share chat

Instructions for legacy themes - Opens extra settings menu.

quiz builder share chat legacy popup

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.

quiz builder share chat legacy button

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.

quiz builder share chat

Instructions for legacy themes - Opens extra settings menu.

quiz builder share chat legacy popup

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 builder share chat legacy button

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.

quiz builder share chat

Instructions for legacy themes - Opens extra settings menu.

quiz builder share chat legacy popup

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 builder share chat legacy button

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.

quiz builder share chat

Instructions for legacy themes - Opens extra settings menu.

quiz builder share chat legacy popup

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 builder share chat legacy button

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