Skip to content

How to Get an External Quiz Link for Social Media

This guide will show you how to generate an external quiz link suitable for sharing your quizon social media platforms like TikTok, X, Instagram, and Facebook.

What's an External Quiz Link?

It's a link that opens the quiz on your website when clicked.

There are two ways to create an external link to your quiz for social media:

  • Link to Dedicated Quiz Page ⬅️ recommended for most marketing campaigns

    A quiz is embeded on a specific landing page in your store (for example https://yourstore.myshopify.com/pages/quiz-page).

    Embeded quizzes allow better tracking and analytics.

  • Link Popup

    A direct link, like https://yourstore.myshopify.com/#quiz-ABC, that opens a quiz popup.

Quiz on a Dedicated Landing Page

What's an inline quiz on a dedicated landing page?

An inline quiz on a dedicated landing page is a quiz widget embedded directly into a new page in your store. Create a dedicated landing page for the quiz to drive traffic from paid ads or marketing campaigns.

Shopify 1.0 Theme Compatibility

Quizzes created with the 💎Built for Shopify version of the RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

  1. Navigate to Theme Customization: Go to Online Store > Themes in your Shopify dashboard. Click the Customize button for your active theme.

  2. Create a New Page Template: click on the Templates menu in the header. Create a new Page template Navigate to Pages and click on the Create template link. Name your template (e.g., quiz-page) and set it as "Based on" your Default page template. Create a new Page template

  3. Add Inline Quiz Section: Click on the Add section link and from the Apps section, find Inline Quiz from RevenueHunt. Select it to add to your quiz page template. Add section inline quiz

  4. The default quiz for your store will be rendered.

    Note

    If you’ve configured Shopify Markets, the default quiz for that specific market will be shown instead.

    If you want to render a specific quiz, you can do so by providing a specific quiz ID in the Quiz ID field. Check this section for more information.

  5. Configure Quiz Settings: Click on the added quiz section to configure. Adjust settings like quiz height, disable auto-scroll, or fix quiz height for consistent results page height.

  6. Assign the Template to a Page: Go to Online Store > Pages. Click Add page or select an existing page to edit. In the Template section on the right, choose your new template from the Theme template dropdown. Click Save and then View Template. how to publish inline quiz built for shopify revenuehunt app new page

    The default quiz for your store will be rendered. If you’ve configured Shopify Markets, the default quiz for that specific market will be shown instead. how to publish inline quiz built for shopify revenuehunt app main page 2

  7. Save Changes: Ensure all changes are saved before exiting the theme editor.

    Now, that page will use the custom template with the quiz you created, allowing for a different layout or style within the same theme.

  1. Obtain Inline Embed Code: From the quiz builder, click Share, select Inline mode, and Show Instructions for Legacy Themes to copy the HTML embed code.
  2. Insert Quiz into Page: Navigate to Online Store > Pages and select the page to embed the quiz. Click Show HTML and paste the embed code into the code editor.
  3. Single Quiz Per Page: To avoid issues, embed only one quiz per page. If using a non-Shopify version of the quiz, ensure the embed.js code is added to your site's header.
  1. Obtain Inline Embed Code: From the quiz builder, click Share, select Inline mode.
  2. Edit the inline quiz settings and click Get the code. Copy the HTML embed code.
  3. In WordPress, open Pages and click Add New Page.
  4. In the editor, add a page title. Then, find a Custom HTML element and add it to the page in a place where you want the quiz to show.
  5. In the element, paste the code copied from the app.
  6. Save the changes and update the page.
  7. From now on, the inline quiz will be visible on that page.
  1. Add the following embed.js script before the </head> close tag in the header. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    Without it, the quiz won't be loaded on your website.
  2. Obtain Inline Embed Code: From the quiz builder, click Share, select Inline mode.
  3. Edit the inline quiz settings and click Get the code. Copy the HTML embed code.
  4. In your Magento dashbaord go to Content > Pages. Click Add New Page.
  5. Edit the Page Title and open the Content tab. Click Edit with Page Builder.
  6. Select Elements > Rows and drag a row into the canvas.
  7. Next open Elements and pick HTML Code. Drag the HTML Code onto the Row.
  8. Click the gear icon to open HTML settings.
  9. Under Enter HTML, CSS or JavaScript code paste the HTML code copied from the app.
  10. Remember to save the changes.
  11. From now on, the inline quiz will be visible on that page.
  1. Add the following embed.js script before the </head> close tag in the header. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    Without it, the quiz won't be loaded on your website.
  2. Obtain Inline Embed Code: From the quiz builder, click Share, select Inline mode.
  3. Edit the inline quiz settings and click Get the code. Copy the HTML embed code.
  4. In BigCommerce, go to Storefront > Web Pages. Click Create a Web Page.
  5. Under Web Page Details > Page Content switch to the HTML editor. Paste the HTML code copied from the app.
  6. Save the changes.
  7. From now on, the inline quiz will be visible on that page.
  1. Add the following embed.js script before the </head> close tag in the header. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    Without it, the quiz won't be loaded on your website.
  2. Obtain Inline Embed Code: From the quiz builder, click Share, select Inline mode.
  3. Edit the inline quiz settings and click Get the code. Copy the HTML embed code.
  4. In your store customization options find the Pages menu and create a new page.
  5. In the page editor find a Custom HTML element. In the element settings paste the code copied from the app.
  6. Save the changes.
  7. From now on, the inline quiz will be visible on that page.

Tip

You can add a link to this page to your website menu or use the link to this new page in your marketing campaigns.

What's a Link Popup?

It's a direct link, like https://yourstore.myshopify.com/#quiz-ABC, that opens a quiz popup on your website.

Shopify 1.0 Theme Compatibility

Quizzes created with the 💎Built for Shopify version of the RevenueHunt app cannot be published on Shopify 1.0 themes. Shopify 1.0 themes do not support app embeds, which are required for the V2 integration. App embeds are a feature available in Online Store 2.0 themes, which allow you to add app functionality without touching any code. If you want to use app embeds, you would need to upgrade to an Online Store 2.0 theme.

  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 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. how to publish quiz link popup app embeds
  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://yourstore.myshopify.com/#quiz.

    Tip

    You can get a direct link to any quiz by adding #quiz-QuizID.

    For example, https://yourstore.myshopify.com/#quiz-123 can open one quiz, while https://yourstore.myshopify.com/#quiz-456 can open another.

    To find your Quiz ID, go to the dashboard and identify a quiz. Click on the ... and copy the ID.

  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.

Note

When visitors open the link, the default quiz for your store will open based on your settings.

If you've configured Shopify Markets, the default quiz for that specific market will be shown instead.

If you want to show a specific quiz, you can do so by setting the Quiz ID in the popup settings. Check this section for more information.

  1. Activate App Embeds: Go to Online Store > Theme > Customize > App Embeds in Shopify. Find the Link Popup Quiz (Legacy) option and toggle it on.
  2. Obtain the Popup Link Code: Go to the Share section of the Quiz Builder, then open the External tile and Show Instructions for legacy themes.
  3. Customize Popup Dimensions: Set the width and height according to your preference or the requirements of the social media platform you intend to use.
  4. Generate popup link: Click on the Get the code button to create your unique quiz link. This link is now ready to be shared to your social media.
  5. Share on Social Media: Copy the generated link. Paste this link into your social media posts on Twitter, Instagram, Facebook, or any other platform you wish to use.
  1. Obtain the Popup Link Code: Go to the Share section of the app, then open the External tile.
  2. Customize Popup Dimensions: Set the width and height according to your preference or the requirements of the social media platform you intend to use.
  3. Generate popup link: Click on the Get the code button to create your unique quiz link. This link is now ready to be shared to your social media.
  4. Share on Social Media: Copy the generated link. Paste this link into your social media posts on Twitter, Instagram, Facebook, or any other platform you wish to use.
  1. Add the following embed.js script before the </head> close tag in the header. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    Without it, the quiz won't be loaded on your website.
  2. Obtain the Popup Link Code: Go to the Share section of the app, then open the External tile.
  3. Customize Popup Dimensions: Set the width and height according to your preference or the requirements of the social media platform you intend to use.
  4. Generate popup link: Click on the Get the code button to create your unique quiz link. This link is now ready to be shared to your social media.
  5. Share on Social Media: Copy the generated link. Paste this link into your social media posts on Twitter, Instagram, Facebook, or any other platform you wish to use.
  1. Add the following embed.js script before the </head> close tag in the header. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    Without it, the quiz won't be loaded on your website.
  2. Obtain the Popup Link Code: Go to the Share section of the app, then open the External tile.
  3. Customize Popup Dimensions: Set the width and height according to your preference or the requirements of the social media platform you intend to use.
  4. Generate popup link: Click on the Get the code button to create your unique quiz link. This link is now ready to be shared to your social media.
  5. Share on Social Media: Copy the generated link. Paste this link into your social media posts on Twitter, Instagram, Facebook, or any other platform you wish to use.
  1. Add the following embed.js script before the </head> close tag in the header. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
    Without it, the quiz won't be loaded on your website.
  2. Obtain the Popup Link Code: Go to the Share section of the app, then open the External tile.
  3. Customize Popup Dimensions: Set the width and height according to your preference or the requirements of the social media platform you intend to use.
  4. Generate popup link: Click on the Get the code button to create your unique quiz link. Edit the link URL to add your website URL. It should look like this https://yourwebsite.com/#quiz-QUIZID/. This link is now ready to be shared to your social media.
  5. Share on Social Media: Copy the generated link. Paste this link into your social media posts on Twitter, Instagram, Facebook, or any other platform you wish to use.

FAQs

Open a Specific Quiz

By default when you use #quiz as the link, the default quiz for your store will open.

Note

If you've configured Shopify Markets, the default quiz for that specific market will be shown instead.

If instead you want to open a specific quiz, you need to add a Quiz ID in the Quiz ID (optional) field in the Link Popup Quiz settings in the theme editor.

manual_shopifyV2_quizbuilder_share_publish_linkpopup_options

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

To open a specific quiz, just add the Quiz ID to the link like this #quiz-QUIZID.

For example, https://yourstore.myshopify.com/#quiz-123 can open one quiz, while https://yourstore.myshopify.com/#quiz-456 can open another.

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

To open a specific quiz, just add the Quiz ID to the link like this #quiz-QUIZID.

For example, https://yourstore.myshopify.com/#quiz-123 can open one quiz, while https://yourstore.myshopify.com/#quiz-456 can open another.

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

To open a specific quiz, just add the Quiz ID to the link like this #quiz-QUIZID.

For example, https://yourstore.myshopify.com/#quiz-123 can open one quiz, while https://yourstore.myshopify.com/#quiz-456 can open another.

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

To open a specific quiz, just add the Quiz ID to the link like this #quiz-QUIZID.

For example, https://yourstore.myshopify.com/#quiz-123 can open one quiz, while https://yourstore.myshopify.com/#quiz-456 can open another.

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

To open a specific quiz, just add the Quiz ID to the link like this #quiz-QUIZID.

For example, https://yourstore.myshopify.com/#quiz-123 can open one quiz, while https://yourstore.myshopify.com/#quiz-456 can open another.

Quiz ID

To find your Quiz ID, go to the Dashboard, find the quiz you want to open. Then, click on the ... three dots next to the quiz and select "Copy Quiz ID".

Keep in mind that the Quiz ID is case-sensitive.

The quiz you are looking for does not exist

docs/images/how_to_publish_shipifyV2_V1publisherror.png

If you see the error message "The quiz you are looking for does not exist" when trying to link to a quiz, follow these steps:

  1. Ensure that you have activated the Link Popup Quiz in the Online Store > Theme > Customize > App Embeds section and not the the legacy Link Popup Quiz Legacy. docs/images/how_to_publish_shipifyV2_V1publisherrorlinkpopup.png

    If a wrong link popup is activated, you will see the error message "The quiz you are looking for does not exist" when trying to link to a V2 quiz.

    To solve this simply deactivate the Link Popup Quiz Legacy and activate the Link Popup Quiz one. Then, save the changes.

  2. Verify that the link is correctly formatted. Ensure that the link you've created is correctly formatted and it follows the format #quiz.

If you see the error message "The quiz you are looking for does not exist" when trying to link to a quiz, follow these steps:

  1. Go back to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  2. Go to Quiz Settings and copy the Quiz ID. Then in Shopify, go back to Online Store > Themes > Customize and under the App Embeds section active the Link Popup Quiz.
  3. Check the Quiz Link. Ensure that the link you've created is correctly formatted and it follows the format #quiz-QUIZID. Where the Quiz ID is the ID you've copied from the Quiz Settings. Note: the Quiz ID is case-sensitive.
  4. Save your changes and refresh the page.

If you see the error message "The quiz you are looking for does not exist" when trying to link to a quiz, follow these steps:

  1. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  2. Check that the quiz ID is correct. Go to the Quiz Settings and copy the Quiz ID.
  3. Verify that the link is correctly formatted. Ensure that the link you've created is correctly formatted and it follows the format #quiz-QUIZID. Where the Quiz ID is the ID you've copied from the Quiz Settings. Note: the Quiz ID is case-sensitive.

If you see the error message "The quiz you are looking for does not exist" when trying to link to a quiz, follow these steps:

  1. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  2. Check that the quiz ID is correct. Go to the Quiz Settings and copy the Quiz ID.
  3. Verify that the link is correctly formatted. Ensure that the link you've created is correctly formatted and it follows the format #quiz-QUIZID. Where the Quiz ID is the ID you've copied from the Quiz Settings. Note: the Quiz ID is case-sensitive.

If you see the error message "The quiz you are looking for does not exist" when trying to link to a quiz, follow these steps:

  1. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  2. Check that the quiz ID is correct. Go to the Quiz Settings and copy the Quiz ID.
  3. Verify that the link is correctly formatted. Ensure that the link you've created is correctly formatted and it follows the format #quiz-QUIZID. Where the Quiz ID is the ID you've copied from the Quiz Settings. Note: the Quiz ID is case-sensitive.

If you see the error message "The quiz you are looking for does not exist" when trying to link to a quiz, follow these steps:

  1. Ensure you've added the following embed.js script to your website. Without it, the quiz won't be loaded on your website. 
    <script src="https://admin.revenuehunt.com/embed.js" async></script>
  2. Ensure that the quiz is published and active. Go to the Quiz Builder and ensure that the quiz has been published with the top right Publish button.
  3. Check that the quiz ID is correct. Go to the Quiz Settings and copy the Quiz ID.
  4. Verify that the link is correctly formatted. Ensure that the link you've created is correctly formatted and it follows the format #quiz-QUIZID. Where the Quiz ID is the ID you've copied from the Quiz Settings. Note: the Quiz ID is case-sensitive.

This article explains how to share a quiz created with RevenueHunt Quizzes app within your social media posts.