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 on social media platforms like Twitter, Instagram, and Facebook.

  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.

Shopify 1.0 Theme Compatibility

Quizzes created with Shopify V2 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.

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.

  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.

Inline Quiz on a Landing Page

Create a dedicated landing page for the quiz to drive traffic from paid ads, social media posts or marketing campaigns.

Option 1: With Embed Code

  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. Create a new page in Shopify Online Store > Pages.
  3. 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.
  4. 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.

Option 2: Via Page Theme Template

  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 (Legacy) from RevenueHunt. Select it to add to your quiz page template. Add section inline quiz

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

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

  6. 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. You can use a direct link to this page in your marketing campaigns or social media posts.

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

  5. 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 shopify v2 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 shopify v2 main page 2

  6. 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. You can use a direct link to this page in your marketing campaigns or social media posts.

  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.

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

By following these steps, you can easily generate an external link for your quiz, making it accessible to your social media audience.