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.

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

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.

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.

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

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

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

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

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

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

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

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.

Quiz embedded inline with a page.

manual_shopifyV2_quizbuilder_share_publish_onlinestore_inline

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_settings

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.

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.

A quiz popup 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 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.

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

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

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

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

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

← Back to Quiz Builder Index

← Previous: Connect / Integrations Next: Metrics →