🔬
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
  1. GETTING STARTED
  2. How do I publish my quiz?

How do I make published Quiz on a Page full-width?

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

PreviousHow do I publish my quiz?NextPersonalization

Last updated 1 year ago

The latest js version is:

https://dp37dacaxju6t.cloudfront.net/aqk2/v001/index-f7c14079.js

Instructions:

  1. Publish Quiz on a page and hit "Edit page".

  1. In the Page editor hit "<>" button and copy the code inside of the content field:

  1. Go to the Online store, hit "..." for the Current theme and hit "Edit code".

  1. Add new page.liquid template to the Templates folder and use any proper name, for example "aqk-1" and don't forget to click "Done" button.

  1. Paste the code copied in step #2 and click "Save" button.

  1. Go back to the Page editor (reload the page if it was already opened) and select newly created template "aqk-1" and don't forget to click the "Save" button.

IMPORTANT:

  1. If you've published your Quiz not to the current theme, repeat steps #2 - #5 to the theme where you published your Quiz to.

  2. If at some point you'll notice that your Quiz is not full-width anymore repeat steps #2 - #5