🔬
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. HOW TO

How do I integrate Quiz with page builder apps or headless setup?

PreviousHow do I change a theme for publishing my quiz?NextHow do I send emails with results to my customers?

Last updated 1 year ago

Ant Quiz Kit App allows you to integrate Quizzes to page builder apps or headless setup.

First, you'll need to make sure that your Quiz is published, you can publish it to any theme, it doesn't matter.

Then you need to copy the embed code on the Publish page:

After that go to your page builder settings / open your headless setup files and insert these script & link in needed place:

<link type="text/css" rel="stylesheet" source="custom" href="https://quiz.pb-apps.com/dist/css/aqk-app.css" media="all">
<script defer="" source="custom" src="https://quiz.pb-apps.com/dist/js/manifest.js"></script>
<script defer="" source="custom" src="https://quiz.pb-apps.com/dist/js/vendor.js"></script>
<script defer="" source="custom" src="https://quiz.pb-apps.com/dist/js/vendor-adv.js"></script>
<script defer="" source="custom" src="https://quiz.pb-apps.com/dist/js/aqk-app.js"></script>

Below the script insert the embed code that you copied on the Publish page.

Save the changes and your Quiz should show up and work correctly!