🔬
Ant Quiz Kit
  • 👋Welcome to Ant Quiz Kit
  • GETTING STARTED
    • How do I create a quiz
    • How do I add questions to my quiz?
    • How do I add question without answers?
    • How do I customize progress bar?
    • How do I preview my quiz?
    • How do I publish my quiz?
      • How do I make published Quiz on a Page full-width?
    • Personalization
  • INTEGRATIONS
    • Active Campaign
    • Facebook Pixel
    • Google Analytics
    • Klaviyo
    • Mailchimp
    • Omnisend
    • Sendlane
    • Shopify subscriptions
    • Shopify Flow
    • Shopify Customers List
    • Shopify Checkout UI
  • GENERAL
    • Is Ant Quiz Kit compatible with my theme?
    • Where I can find customers data?
    • How do we calculate conversion rate an revenue?
  • HOW TO
    • How do I use answer set condition?
    • How do I collect emails on my quiz?
    • How do I show a discount code?
    • How do I collect phone numbers on my quiz?
    • How do I create quiz with logic jumps?
    • How do I redirect customers to custom URLs?
    • How to exclude products for particular answers?
    • How do I change a theme for publishing my quiz?
    • How do I integrate Quiz with page builder apps or headless setup?
    • How do I send emails with results to my customers?
      • Email example
    • How do I delete Ant Quiz Kit app?
Powered by GitBook
On this page
  • Configuring Online store theme
  • Add Quiz to a page
  • Add Quiz as a Section on a page
  • Add Quiz as a button/link anywhere
  • Embed Quiz with a code snippet to any page
  1. GETTING STARTED

How do I publish my quiz?

PreviousHow do I preview my quiz?NextHow do I make published Quiz on a Page full-width?

Last updated 1 year ago

Ant Quiz Kit allows you to publish your quiz using different methods: on the Home page, the Quiz page, button or link (appears as a popup), or any other page on your Shopify site. In this article, you'll find step-by-step instructions on how to do that.

Configuring Online store theme

Firstly, you should configure the theme to which you want the Quiz to be published.

Select your quiz (create one first if you haven't already) and click "Edit" in the toolbar and navigate to the Publish page:

On the Publish page, select the theme to publish:

Add Quiz to a page

Once you select a theme, Ant Quiz Kit will quickly configure your theme to be compatible with the app and create a Page with the quiz:

IMPORTANT: If you published your Quiz on a Page and it doesn't look good, follow these instructions to fix it.

Add Quiz as a Section on a page

If you use Legacy themes (not Online Store 2.0) select "Legacy Themes" tab and follow the instructions:

When you open the Theme Editor, add the Ant Quiz Kit section to the Home page or any other page that supports sections by clicking "Add Section" and select "Ant Quiz Kit":

In order to publish your quiz on the Home page paste the Quiz code and save it in the Theme Editor!

Using Online store 2.0 themes

If you use Online store 2.0, adding Quiz as a section on a page is pretty easy.

Copy the quiz code and go to the theme editor and add Ant Quiz Kit section. Paste quiz code into Quiz key field, and save.

Add Quiz as a button/link anywhere

This feature is available for Middle and higher plans.

Open your quiz and go to the Publish Quiz page. Choose the theme and scroll down the page to the "Embed in a popup", copy Quiz code, and paste it as URL for any button or link on your store.

Quiz will be opened in popup.

Embed Quiz with a code snippet to any page

Copy the quiz code snippet, and click "Preview code editor":

Once the code editor opens, add the code snippet to your desired Liquid file.

Don't forget saving all your changes!