Skip to content

How to Embed an Inline Quiz on Your Store

An inline quiz sits inside a page, as part of it, rather than opening over the top. Put it on your homepage, on a landing page of its own, or on a collection page.

Before you start

You need a quiz built in the RevenueHunt app, and access to your theme editor.

On this version the quiz is a theme section, so there is no code to copy.

  1. Open the Shopify theme editor.

  2. Add a section to the page or template you want, and pick Inline Quiz from the Apps group.

On this version the quiz is a theme section, so there is no code to copy.

  1. Open the Shopify theme editor.

  2. Add a section to the page or template you want, and pick Inline Quiz from the Apps group.

On this version you paste an embed code into the page.

  1. Generate the embed code from the Share section of the app.

  2. Paste it into an HTML element on the page where you want the quiz.

On this version you paste an embed code into the page, and the script has to be on the page too.

  1. Add the embed.js script to your store header.

  2. Generate the embed code from the Share section of the app.

  3. Paste it into an HTML element on the page where you want the quiz.

On this version you paste an embed code into the page, and the script has to be on the page too.

  1. Add the embed.js script to your store header.

  2. Generate the embed code from the Share section of the app.

  3. Paste it into an HTML element on the page where you want the quiz.

On this version you paste an embed code into the page, and the script has to be on the page too.

  1. Add the embed.js script to your store header.

  2. Generate the embed code from the Share section of the app.

  3. Paste it into an HTML element on the page where you want the quiz.

Embed an inline quiz on the homepage

Shopify 1.0 themes cannot run this

A quiz built in the Built for Shopify version needs an app section, and app sections 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 Add section, open the Apps group, and add Inline Quiz from RevenueHunt. Your default quiz renders straight away.

    The Inline Quiz section added to the homepage

  3. Click the quiz section and set it up.

    The Inline Quiz settings panel

    Setting What it does
    Quiz height The starting height. The first question always uses it, which is a Shopify requirement that stops the page jumping as it loads
    Quiz height (unit) Pixels (px) by default. Viewport height percentage (vh) is the alternative
    Fixed height Holds that height for the whole quiz. Off means the quiz grows to fit each question after the first
    Full width quiz Spans the quiz across the screen
    Auto-scroll on retake quiz Where the page scrolls when a customer retakes the quiz: Disabled, Top of the page or Top of the quiz
    Auto-scroll on question change The same, each time the customer moves to another question
    Quiz ID (optional) The quiz to show. Leave it empty for your default quiz
    Manage app Opens the RevenueHunt dashboard

  4. Click Save. The quiz then shows on every page using this template.

    The inline quiz running on the homepage

  5. Open the page in your store and check the quiz is there.

Which quiz appears

Your default quiz appears, unless you name another one.

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

To show a particular quiz, set the Quiz ID. See Embed a specific quiz.

One quiz per page

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

With the theme section

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

  2. Click Add section, open the Apps group, and add Inline Quiz from RevenueHunt.

  3. Click the quiz section, pick the Quiz ID, and set the height, the fixed height and the auto-scroll.

  4. Click Save.

  5. Open the page in your store and check the quiz is there.

With pasted code

  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. In the theme editor, click Add section and pick Custom content. Remove the default content and add a Custom HTML block.

  4. Paste the code into the HTML input, then save.

  5. Open the page in your store and check the quiz is there.

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, find your front page and click Edit.

  4. Add a Custom HTML block where you want the quiz.

  5. Paste the code into that block.

  6. Click Update.

  7. Open the page in your store and check the quiz is there.

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 > Blocks and click Add New Block.

  5. Fill in the block title, identifier and store view, then 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 block.

  9. Open the page in your store and check the quiz is there.

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 open your main page.

  5. Switch to the HTML editor and paste the code in.

  6. Save the page.

  7. Open the page in your store and check the quiz is there.

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

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

  6. Save the page.

  7. Open the page in your store and check the quiz is there.

One quiz per page

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

Embed an inline 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 section, and app sections 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 straight away.

    Adding the Inline Quiz section from the Apps group

  5. Click the quiz section and set it up.

    The Inline Quiz settings panel

    Setting What it does
    Quiz height The starting height. The first question always uses it, which is a Shopify requirement that stops the page jumping as it loads
    Quiz height (unit) Pixels (px) by default. Viewport height percentage (vh) is the alternative
    Fixed height Holds that height for the whole quiz. Off means the quiz grows to fit each question after the first
    Full width quiz Spans the quiz across the screen
    Auto-scroll on retake quiz Where the page scrolls when a customer retakes the quiz: Disabled, Top of the page or Top of the quiz
    Auto-scroll on question change The same, each time the customer moves to another question
    Quiz ID (optional) The quiz to show. Leave it empty for your default quiz
    Manage app Opens the RevenueHunt dashboard

  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

Which quiz appears

Your default quiz appears, unless you name another one.

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

To show a particular quiz, set the Quiz ID. See Embed 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 page in your store and check the quiz is there.

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 page in your store and check the quiz is there.

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 page in your store and check the quiz is there.

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 page in your store and check the quiz is there.

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 page in your store and check the quiz is there.

One quiz per page

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

Use the page address

A landing page gives you an ordinary URL. Put it in your store menu, your email campaigns, your social posts or your ads.

Embed an inline quiz on a specific collection/category

Shopify 1.0 themes cannot run this

A quiz built in the Built for Shopify version needs an app section, and app sections 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.

  2. Open the template menu in the header, go to Collections, and click Create template.

  3. Click Add section, open the Apps group, and add Inline Quiz from RevenueHunt.

  4. Click the quiz section and set it up.

    The Inline Quiz settings panel

    Setting What it does
    Quiz height The starting height. The first question always uses it, which is a Shopify requirement that stops the page jumping as it loads
    Quiz height (unit) Pixels (px) by default. Viewport height percentage (vh) is the alternative
    Fixed height Holds that height for the whole quiz. Off means the quiz grows to fit each question after the first
    Full width quiz Spans the quiz across the screen
    Auto-scroll on retake quiz Where the page scrolls when a customer retakes the quiz: Disabled, Top of the page or Top of the quiz
    Auto-scroll on question change The same, each time the customer moves to another question
    Quiz ID (optional) The quiz to show. Leave it empty for your default quiz
    Manage app Opens the RevenueHunt dashboard

  5. Click Save.

  6. Apply the template to a collection. In Products > Collections, open the collection and pick the template under Theme template.

  7. Open that collection page in your store and check the quiz is there.

One quiz per page

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

In the collection description

  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. Paste the code into the HTML field of the collection description. The quiz then appears under the collection name.

  4. Open that collection page in your store and check the quiz is there.

In a collection template

  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. Ask a developer to build a collection template that holds the code, then apply that template to the collection.

  4. Open that collection page in your store and check the quiz is there.

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. Turn on HTML in category descriptions. See the WooCommerce guide to allowing HTML in category descriptions.

  4. In your WordPress admin, open WooCommerce > Products > Categories.

  5. Open a category, click Edit, and paste the code into the description field.

  6. Save the category.

  7. Open the page in your store and check the quiz is there.

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 Catalog > Categories and pick a category.

  5. Open Content and click Edit with Page Builder under Description.

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

  9. Open the page in your store and check the quiz is there.

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 Products > Product Categories and open a category.

  5. Under Category Details > Description, switch to the HTML editor and paste the code in.

  6. Save the category.

  7. Open the page in your store and check the quiz is there.

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 collection page you want the quiz on.

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

  6. Save the page.

  7. Open the page in your store and check the quiz is there.

One quiz per page

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

FAQs

Embed a specific quiz

An inline quiz shows your default quiz. To show another one, put its ID in the Quiz ID (optional) field of the Inline Quiz section settings.

The Quiz ID field in the Inline 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 appears instead of your store default.

Put the Quiz ID in the Quiz ID field of the Inline Quiz (Legacy) section settings, then save.

The Quiz ID field in the legacy Inline Quiz settings

If you pasted the code by hand instead, generate it from the Share tab of the quiz you want. The ID is already in the code, as data-url.

Finding the Quiz ID

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

Generate the embed code from the Share tab of the quiz you want to show. The quiz is named in the code itself, as data-url.

Finding the Quiz ID

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

Generate the embed code from the Share tab of the quiz you want to show. The quiz is named in the code itself, as data-url.

Finding the Quiz ID

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

Generate the embed code from the Share tab of the quiz you want to show. The quiz is named in the code itself, as data-url.

Finding the Quiz ID

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

Generate the embed code from the Share tab of the quiz you want to show. The quiz is named in the code itself, as data-url.

Finding the Quiz ID

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

Fixing the size of the inline quiz

By default the quiz starts at the height you set, then grows to fit each question. Fix the height and it stays as it is throughout.

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

  2. Click the Inline Quiz section already on the page.

  3. Set Quiz height, and pick the unit under Quiz height (unit).

    The height settings in the Inline Quiz panel

  4. Turn Fixed height on. The quiz then keeps that height for every question.

  5. Click Save, then open the page and check the height holds as you answer.

The first question always uses the set height

Shopify requires it, so the page does not jump about as it loads. Without Fixed height, the quiz expands to fit from the second question onward.

With the theme section

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

  2. Click the Inline Quiz section already on the page.

  3. Set the quiz height and check Fixed size.

  4. Click Save, then open the page and check the height holds as you answer.

With pasted code

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

  2. Set the quiz height and check Fixed size.

  3. Click Get code and copy the new HTML.

  4. Replace the old embed code on your page with the new one.

  5. Open the page and check the height holds as you answer.

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

  2. Set the quiz height and check Fixed size.

  3. Click Get code and copy the new HTML.

  4. Replace the old embed code on your page with the new one, on the homepage, a landing page or a collection page.

  5. Open the page and check the height holds as you answer.

  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. Set the quiz height and check Fixed size.

  4. Click Get code and copy the new HTML.

  5. Replace the old embed code on your page with the new one, on the homepage, a landing page or a collection page.

  6. Open the page and check the height holds as you answer.

  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. Set the quiz height and check Fixed size.

  4. Click Get code and copy the new HTML.

  5. Replace the old embed code on your page with the new one, on the homepage, a landing page or a collection page.

  6. Open the page and check the height holds as you answer.

  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. Set the quiz height and check Fixed size.

  4. Click Get code and copy the new HTML.

  5. Replace the old embed code on your page with the new one, on the homepage, a landing page or a collection page.

  6. Open the page and check the height holds as you answer.

Preventing auto-scroll in inline quiz

Auto-scroll moves the page as the customer answers, so the quiz stays in view. Turn it off to leave the page where it is.

This version has two auto-scroll settings, and both are Disabled by default, so there is usually nothing to turn off.

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

  2. Click the Inline Quiz section already on the page.

  3. Set Auto-scroll on retake quiz and Auto-scroll on question change to Disabled.

    The alternatives are Top of the page and Top of the quiz.

    The auto-scroll settings in the Inline Quiz panel

  4. Click Save, then take the quiz and check the page stays put.

With the theme section

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

  2. Click the Inline Quiz section already on the page.

  3. Uncheck Automatic Scroll into View.

  4. Click Save, then take the quiz and check the page stays put.

With pasted code

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

  2. Click Get code and copy the HTML.

  3. Add data-autoscroll="false" to the quiz element.

    <div class="rh-widget rh-inline" data-url="https://admin.revenuehunt.com/public/quiz/dbqHqN" data-autoscroll="false" style="margin: 10px auto; width: 100%; height: 600px; display: flex;"></div>

  4. Replace the old embed code on your page with the edited one.

  5. Take the quiz and check the page stays put.

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

  2. Click Get code and copy the HTML.

  3. Add data-autoscroll="false" to the quiz element.

    <div class="rh-widget rh-inline" data-url="https://admin.revenuehunt.com/public/quiz/dbqHqN" data-autoscroll="false" style="margin: 10px auto; width: 100%; height: 600px; display: flex;"></div>

  4. Replace the old embed code on your page with the edited one, on the homepage, a landing page or a collection page.

  5. Take the quiz and check the page stays put.

  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. Click Get code and copy the HTML.

  4. Add data-autoscroll="false" to the quiz element.

    <div class="rh-widget rh-inline" data-url="https://admin.revenuehunt.com/public/quiz/dbqHqN" data-autoscroll="false" style="margin: 10px auto; width: 100%; height: 600px; display: flex;"></div>

  5. Replace the old embed code on your page with the edited one, on the homepage, a landing page or a collection page.

  6. Take the quiz and check the page stays put.

  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. Click Get code and copy the HTML.

  4. Add data-autoscroll="false" to the quiz element.

    <div class="rh-widget rh-inline" data-url="https://admin.revenuehunt.com/public/quiz/dbqHqN" data-autoscroll="false" style="margin: 10px auto; width: 100%; height: 600px; display: flex;"></div>

  5. Replace the old embed code on your page with the edited one, on the homepage, a landing page or a collection page.

  6. Take the quiz and check the page stays put.

  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. Click Get code and copy the HTML.

  4. Add data-autoscroll="false" to the quiz element.

    <div class="rh-widget rh-inline" data-url="https://admin.revenuehunt.com/public/quiz/dbqHqN" data-autoscroll="false" style="margin: 10px auto; width: 100%; height: 600px; display: flex;"></div>

  5. Replace the old embed code on your page with the edited one, on the homepage, a landing page or a collection page.

  6. Take the quiz and check the page stays put.

The quiz you are looking for does not exist

This error means the quiz cannot be found, either because it is unpublished or because the embed points at the wrong one.

The error an inline quiz shows when it cannot find the quiz

Shopify 1.0 themes cannot run this

A quiz built in the Built for Shopify version needs an app section, and app sections 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. Open the Quiz Builder and check the quiz is published.

  2. Check you added Inline Quiz and not Inline Quiz (Legacy). The legacy section serves quizzes from the legacy app, so it cannot find a quiz built in this version.

    The two inline quiz sections in the Apps group

  3. Click the Inline Quiz section and check the Quiz ID (optional) field. Leave it empty for your default quiz, or paste the right ID. The ID is case-sensitive.

  4. Click Save, then reload the page.

  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 the Inline Quiz (Legacy) section holds that ID, or that your pasted code carries the matching data-url.

    Pasting the Quiz ID into the legacy inline quiz settings

  4. Click Save, then reload the page.

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

  2. Regenerate the code from Share and paste it in again. An old code can point at a quiz that has since changed.

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

  4. Save the page, then reload it.

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

  2. Regenerate the code from Share and paste it in again. An old code can point at a quiz that has since changed.

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

  4. Save the page, then reload it.

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

  2. Regenerate the code from Share and paste it in again. An old code can point at a quiz that has since changed.

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

  4. Save the page, then reload it.

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

  2. Regenerate the code from Share and paste it in again. An old code can point at a quiz that has since changed.

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

  4. Save the page, then reload it.

This article explains how to put a quiz inside a page of your store, and how to control its height and its scrolling.