Skip to content

How to Get an External Quiz Link for Emails and Newsletters

A link in an email can take a customer to a page that holds the quiz. It can also open the quiz as a popup over your store. Either link goes into any email tool as an ordinary link.

Route The link looks like Pick it when
A page that holds the quiz https://yourstore.com/pages/quiz-page You want the traffic to land somewhere your analytics counts as a page
A link popup https://yourstore.com/#quiz You want the quiz to open over a page you already have

Quiz on a dedicated landing page

Shopify 1.0 themes cannot run this

A quiz built in the Built for Shopify version needs an app embed, and app embeds are an Online Store 2.0 feature. A Shopify 1.0 theme does not support them.

Upgrade to an Online Store 2.0 theme to use them.

  1. In your Shopify admin, go to Online Store > Themes and click Customize on your live theme.

  2. Click the Templates menu in the header.

    The Templates menu in the Shopify theme editor

  3. Go to Pages, click Create template, and name it, such as quiz-page. Set Based on to your default page template.

    Naming the new page template

  4. Click Add section, open the Apps group, and add Inline Quiz from RevenueHunt. Your default quiz renders in the template straight away.

    Adding the Inline Quiz section from the Apps group

  5. Click the quiz section to adjust its settings. You can set the quiz height, fix that height so the results page does not resize, and turn auto-scroll off.

  6. Go to Online Store > Pages and click Add page, or open an existing page.

  7. Under Template, pick the template you just built, then click Save.

    Choosing the new template on a Shopify page

  8. Click View Template and check the quiz is on the page.

    The quiz running on the published landing page

  9. Open the finished page in your store, copy its address from the browser, and paste it into your email.

Which quiz opens

Your default quiz opens, unless you name another one.

With Shopify Markets set up, the default quiz for that market opens instead.

To open a particular quiz, set the Quiz ID. See Open a specific quiz.

One quiz per page

Embed a single quiz on a page. Two on the same page conflict, and neither loads reliably.

  1. Open Share in the quiz builder, pick Inline, then Show Instructions for Legacy Themes.

  2. Click Get the code and copy the HTML.

  3. Go to Online Store > Pages and open the page you want the quiz on, or create one.

  4. Click Show HTML and paste the code into the editor.

  5. Click Save.

  6. Open the finished page in your store, copy its address from the browser, and paste it into your email.

One quiz per page

Embed a single quiz on a page. Two on the same page conflict, and neither loads reliably.

  1. Open Share in the quiz builder and pick Inline.

  2. Adjust the inline settings, then click Get the code. Copy the HTML it gives you.

  3. In your WordPress admin, open Pages and click Add New Page.

  4. Give the page a title, then add a Custom HTML block where you want the quiz.

  5. Paste the code into that block.

  6. Click Update.

  7. Open the finished page in your store, copy its address from the browser, and paste it into your email.

One quiz per page

Embed a single quiz on a page. Two on the same page conflict, and neither loads reliably.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open Share in the quiz builder and pick Inline.

  3. Adjust the inline settings, then click Get the code. Copy the HTML it gives you.

  4. In your Magento admin, go to Content > Pages and click Add New Page.

  5. Give the page a title, open the Content tab, and click Edit with Page Builder.

  6. Drag a row in from Elements > Rows, then drag HTML Code onto that row.

  7. Click the gear icon to open HTML settings, then paste the code under Enter HTML, CSS or JavaScript code.

  8. Save the page.

  9. Open the finished page in your store, copy its address from the browser, and paste it into your email.

One quiz per page

Embed a single quiz on a page. Two on the same page conflict, and neither loads reliably.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open Share in the quiz builder and pick Inline.

  3. Adjust the inline settings, then click Get the code. Copy the HTML it gives you.

  4. In BigCommerce, go to Storefront > Web Pages and click Create a Web Page.

  5. Under Web Page Details > Page Content, switch to the HTML editor and paste the code in.

  6. Save the page.

  7. Open the finished page in your store, copy its address from the browser, and paste it into your email.

One quiz per page

Embed a single quiz on a page. Two on the same page conflict, and neither loads reliably.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open Share in the quiz builder and pick Inline.

  3. Adjust the inline settings, then click Get the code. Copy the HTML it gives you.

  4. In your store editor, open the Pages menu and create a new page.

  5. Find a Custom HTML element and paste the code into its settings.

  6. Save the page.

  7. Open the finished page in your store, copy its address from the browser, and paste it into your email.

One quiz per page

Embed a single quiz on a page. Two on the same page conflict, and neither loads reliably.

The same address works elsewhere

Add it to your store menu, your social posts or your ads. Nothing about it is specific to email.

Shopify 1.0 themes cannot run this

A quiz built in the Built for Shopify version needs an app embed, and app embeds are an Online Store 2.0 feature. A Shopify 1.0 theme does not support them.

Upgrade to an Online Store 2.0 theme to use them.

The link popup embed adds the RevenueHunt script to your store, so any link ending in #quiz opens the quiz over whatever page it lands on.

  1. In your Shopify admin, go to Online Store > Themes and click Customize on your live theme.

  2. Open App embeds and turn on Link Popup Quiz. Leave Link Popup Quiz (Legacy) off. That one serves quizzes from the legacy app.

    The Link Popup Quiz embed in the App embeds list

  3. Click Save.

  4. Build your link by adding #quiz to any page address on your store, such as https://yourstore.com/#quiz.

  5. Paste that link into your email.

  6. Send yourself a test email and click the link. The quiz should open.

Which quiz opens

Your default quiz opens, unless you name another one.

With Shopify Markets set up, the default quiz for that market opens instead.

To open a particular quiz, set the Quiz ID. See Open a specific quiz.

  1. Go to Online Store > Themes > Customize > App embeds and turn on Link Popup Quiz (Legacy).

    The plain Link Popup Quiz embed serves the Built for Shopify version. A legacy quiz opened through it reports that it does not exist.

  2. Open Share in the quiz builder, open the Email tile, then Show Instructions for Legacy Themes.

  3. Set the popup width and height.

  4. Click Get the code to generate the link.

  5. Paste that link into your email.

  6. Send yourself a test email and click the link. The quiz should open.

  1. Open Share in the quiz builder and open the Email tile.

  2. Set the popup width and height.

  3. Click Get the code to generate the link.

  4. Paste that link into your email.

  5. Send yourself a test email and click the link. The quiz should open.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open Share in the quiz builder and open the Email tile.

  3. Set the popup width and height.

  4. Click Get the code to generate the link.

  5. Paste that link into your email.

  6. Send yourself a test email and click the link. The quiz should open.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open Share in the quiz builder and open the Email tile.

  3. Set the popup width and height.

  4. Click Get the code to generate the link.

  5. Paste that link into your email.

  6. Send yourself a test email and click the link. The quiz should open.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open Share in the quiz builder and open the Email tile.

  3. Set the popup width and height.

  4. Click Get the code to generate the link.

  5. Put your own domain in front of the fragment. The finished link looks like https://yourwebsite.com/#quiz-QUIZID.

  6. Paste that link into your email.

  7. Send yourself a test email and click the link. The quiz should open.

FAQs

Open a specific quiz

A link ending in #quiz opens your default quiz. To open another one, put its ID in the Quiz ID (optional) field of the Link Popup Quiz settings in the theme editor.

The Quiz ID field in the Link Popup Quiz settings

Finding the Quiz ID

In the Dashboard, click the ... beside the quiz and select Copy Quiz ID. The ID is case-sensitive.

Shopify Markets

With Shopify Markets set up, the default quiz for the customer's market opens instead of your store default.

Name the quiz in the link itself. End the address with #quiz-QUIZID, using the ID of the quiz you want.

Different links can open different quizzes from the same store. One campaign can send https://yourstore.com/#quiz-123 while another sends https://yourstore.com/#quiz-456.

Finding the Quiz ID

In the Dashboard, click the ... beside the quiz and select Copy Quiz ID. The ID is case-sensitive.

Name the quiz in the link itself. End the address with #quiz-QUIZID, using the ID of the quiz you want.

Different links can open different quizzes from the same store. One campaign can send https://yourstore.com/#quiz-123 while another sends https://yourstore.com/#quiz-456.

Finding the Quiz ID

In the Dashboard, click the ... beside the quiz and select Copy Quiz ID. The ID is case-sensitive.

Name the quiz in the link itself. End the address with #quiz-QUIZID, using the ID of the quiz you want.

Different links can open different quizzes from the same store. One campaign can send https://yourstore.com/#quiz-123 while another sends https://yourstore.com/#quiz-456.

Finding the Quiz ID

In the Dashboard, click the ... beside the quiz and select Copy Quiz ID. The ID is case-sensitive.

Name the quiz in the link itself. End the address with #quiz-QUIZID, using the ID of the quiz you want.

Different links can open different quizzes from the same store. One campaign can send https://yourstore.com/#quiz-123 while another sends https://yourstore.com/#quiz-456.

Finding the Quiz ID

In the Dashboard, click the ... beside the quiz and select Copy Quiz ID. The ID is case-sensitive.

Name the quiz in the link itself. End the address with #quiz-QUIZID, using the ID of the quiz you want.

Different links can open different quizzes from the same store. One campaign can send https://yourstore.com/#quiz-123 while another sends https://yourstore.com/#quiz-456.

Finding the Quiz ID

In the Dashboard, click the ... beside the quiz and select Copy Quiz ID. The ID is case-sensitive.

The quiz you are looking for does not exist

The error a quiz shows when the link points at a quiz it cannot find

This error means the link is being served by the embed for the other version of the app.

  1. Go to Online Store > Themes > Customize > App embeds and check which link embed is on. For a quiz built here, Link Popup Quiz is the right one.

    The two link popup embeds in the App embeds list

  2. Turn Link Popup Quiz (Legacy) off and turn Link Popup Quiz on. The legacy embed serves quizzes from the legacy app, so it cannot find a quiz built in this version.

  3. Click Save.

  4. Check your link ends in #quiz.

This error means the link cannot find the quiz. The quiz may be unpublished, the wrong embed may be on, or the ID may be wrong.

  1. Open the Quiz Builder and check the quiz is published, with the top-right Publish button.

  2. Go to Online Store > Themes > Customize > App embeds and turn on Link Popup Quiz (Legacy). The plain Link Popup Quiz embed serves quizzes from the Built for Shopify version, so it cannot find a legacy quiz.

  3. Copy the Quiz ID from Quiz settings. The ID is case-sensitive.

  4. Check your link ends in #quiz-QUIZID, with that ID.

  5. Click Save, then reload the page.

This error means the link cannot find the quiz.

  1. Open the Quiz Builder and check the quiz is published, with the top-right Publish button.

  2. Copy the Quiz ID from Quiz settings. The ID is case-sensitive.

  3. Check your link ends in #quiz-QUIZID, with that ID.

This error means the link cannot find the quiz.

  1. Open the Quiz Builder and check the quiz is published, with the top-right Publish button.

  2. Copy the Quiz ID from Quiz settings. The ID is case-sensitive.

  3. Check your link ends in #quiz-QUIZID, with that ID.

This error means the link cannot find the quiz.

  1. Open the Quiz Builder and check the quiz is published, with the top-right Publish button.

  2. Copy the Quiz ID from Quiz settings. The ID is case-sensitive.

  3. Check your link ends in #quiz-QUIZID, with that ID.

This error means the link cannot find the quiz.

  1. Add the embed.js script before the closing </head> tag of your store header. The quiz does not load without it.

    <script src="https://admin.revenuehunt.com/embed.js" async></script>

  2. Open the Quiz Builder and check the quiz is published, with the top-right Publish button.

  3. Copy the Quiz ID from Quiz settings. The ID is case-sensitive.

  4. Check your link ends in #quiz-QUIZID, with that ID.

This article explains the two ways to link a quiz from an email, and what to check when the link does not open it.