Skip to main content
You can show the quiz in two ways:
What you wantChoose thisWhat customers see
Show the quiz on a page
(home, product, collection, and more)
Embed quizThe quiz appears as part of
the page content
Show the quiz in a popup windowPopup quizThe quiz opens over the store page
Open Publish like this:
  1. Go to Shopify Admin → Apps → Quizify.
  2. Open a quiz from Dashboard or My Quizzes (click Edit or create a new quiz).
  3. In the Quiz Builder, click Publish in the left icon menu.
You can also click Embed Quiz at the top of the Quiz Builder.

Set Status to Published

Change the quiz status from Draft to Published. Before using the embed or popup options, publish your quiz first. Quiz ID, embed code, and theme editor actions are unavailable while the quiz is in Draft. If you see Publish the quiz first to enable this action, the quiz is still a Draft. Switch it to Published and try again. Free plan: You can create unlimited quizzes, but only one quiz can be published at a time. To publish additional quizzes, upgrade to the Starter plan or higher. Some quiz features require a paid plan. If your quiz uses a feature that is not available on your current plan, you must upgrade before publishing the quiz. See Billing for plan details.

Turn App Embed ON (Required)

Make sure the Quizify App Embed is enabled in your Shopify theme before adding the quiz to your storefront. If App Embed is disabled, publish actions remain unavailable until it is enabled. App Embed must be ON for any quiz to work on your storefront. Without App Embed, customers will not see or take the quiz — even if the quiz is published and placed correctly.

How to turn App Embed ON

  1. Go to Shopify Admin → Online Store → Edit Themes. image
  2. Open App embeds.
  3. Find Quizify.
  4. Turn the Quizify toggle ON.
  5. Click Save.
image
Remember:-
  • App Embed ON + quiz status Published are both required before customers can use your quiz.

Choose Your Method

Embed Quiz — Show the Quiz on a Page

Use Embed quiz when you want the quiz to appear as part of a page.
MethodBest forWhat you do
Theme app blockMost Shopify themes (easiest option)Add a Quizify block in the theme editor, then paste your Quiz ID
Page or custom sectionCustom pages, HTML blocks, or Liquid sectionsCopy the embed code and paste it into your theme or page content
Use Popup quiz when you want the quiz to appear over the store.
MethodBest forWhat you do
AutomaticallyWelcome popups, offers, or quizzes that open on their ownAdd a Popup Quiz block in the theme editor and set when it appears
On clickButtons, menus, banners, or “Take the quiz” linksCopy a popup link and add it to a clickable item on your store
Automatic Popup is available on the Starter plan and higher plans. Free plan users cannot use Automatic Popup. On-click Popup is available on all plans.

Embed Quiz: Put the Quiz on a Page

Video tutorial

Watch how to create a quiz and embed it on your Shopify store.
Open Publish → Embed quiz. Before you continue, confirm:
  • Quiz status is Published
  • App Embed is ON
Use this when you want to add the quiz without editing code.
  1. Open Embed quiz → Theme app block.
  2. Choose your Theme (usually your live theme).
  3. Choose where the quiz should appear:
Page templateWhere the quiz shows
Home pageYour store homepage
Product pageIndividual product pages
Collection pageCollection listing pages
Standard pageCustom pages (About, FAQ, and similar)
Blog postBlog article pages
CartCart page
SearchSearch results page
  1. Click Copy next to Quiz ID.
  2. Click Add Embed Quiz Block. This opens the Shopify theme editor.
  3. In the Quizify block settings, paste the Quiz ID and click Save. image
  4. Open that page on your live store to confirm the quiz shows.

Page or Custom Section

Use this when Theme app blocks are not available, or you want the quiz inside custom page content.
  1. Open Embed quiz → Page or custom section.
  2. Click Copy next to the Embed code.
image
  1. In Shopify, open the page or section where you want the quiz.
  2. Paste the code into one of these places:
Where to pasteWhen to use it
HTML blockSimple content sections that accept HTML
Custom Liquid sectionMore flexible theme sections
Any section that accepts HTMLCustom layouts or special page content
image
  1. Save the page or theme.
  2. Check the live page to confirm the quiz shows.

Video tutorial

Watch how to add an automatic or on-click popup quiz to your Shopify store.
Open Publish → Popup quiz. Before you continue, confirm:
  • Quiz status is Published
  • App Embed is ON

Choose how you want to pop up the quiz

1. Opens Automatically

Automatic Popup is available on the Starter plan and higher plans. Free plan users cannot use Automatic Popup. The quiz popup can appear on its own on the pages you choose.
  1. Open Popup quiz → Automatically.
  2. Choose your Theme.
  3. Choose the page type (Home, Product, Collection, Standard page, Blog post, Cart, or Search).
  4. Click Copy next to Quiz ID.
  5. Click Add Popup Quiz Block. This opens the Shopify theme editor.
  6. Paste the Quiz ID into the popup block settings.
  7. Set when the popup should appear (for example delay, how often, and display rules). image
  8. Click Save in the theme editor.
  9. Visit the live page to test the popup.
On-click Popup is available on all plans. The quiz opens only when a customer clicks a button, menu item, banner, or other link.
  1. Open Popup quiz → On click. image
  2. Choose a popup size. Changing the size updates this link automatically.
SizeWhat it looks like
FullsizeLarge popup that fills most of the screen
MediumStandard centered popup
SmallCompact popup
  1. Click Copy next to the Popup link.
  2. In Shopify, add that link to a button, menu item, banner, or any custom link. image
  3. Save your theme or menu.
  4. Visit the live page and confirm the quiz opens when the button is clicked.

Quick Checklist

After you publish, confirm all of these:
CheckWhy it matters
Quiz status is PublishedDraft quizzes cannot go live on the store
App Embed is ONWithout App Embed, the quiz will not work on the storefront
Correct Quiz ID, embed code, or popup link is usedWrong ID or link shows the wrong quiz — or nothing
Theme or page is SavedUnsaved theme changes do not appear on the live store
You tested on the live storePreview alone is not enough — always check the real storefront
Note:-
  • App Embed must be ON, or quizzes will not work on your storefront — even if they are published.
  • Draft quizzes cannot be placed on the store until you set them to Published.
  • Always use the Quiz ID from the same quiz you want to show.
  • Theme app block is usually the simplest embed method.
  • On-click popup is best for “Take the quiz” buttons.
  • Automatic popup is best when you want the quiz to appear without a click.
  • After any theme change, test on your live storefront.