LogoLogo
  • Introduction
    • Quiz Kit - AI Powered Quizzes for Shopify Stores
    • What's new
      • Release notes
        • V9.2024 - September
        • V7.2024 - July 2024
        • V6.2024 - June 2024
        • V5.2024 - May 2024
  • Getting started
    • Installation
    • Pricing and plans
    • Onboarding guide
  • Navigating the Interface
  • Build and configure
    • Building a quiz
      • Collecting customer contact information
    • Styling and customizing your quiz
      • Applying custom CSS and JavaScript to your quizzes
    • Setting up quiz results
      • Results logic
        • Basic logic (default)
        • Single logic
        • Points logic
        • Product weight logic
        • Result weight logic
        • Combination logic
        • Creating logic jumps
      • Results template
    • Publishing your quiz
      • Publishing on page builder apps or headless setups
    • Integrations
      • Shopify
        • Shopify Subscriptions
        • Shopify Flow
        • Shopify Customers List
        • Shopify Checkout UI
        • Shopify Markets
      • Email and SMS
        • Klaviyo
        • Mailchimp
        • Omnisend
        • Attentive
        • ActiveCampaign
        • Sendlane
      • Subscriptions
        • Recharge
        • Smartrr
        • Skio
      • Marketing automation
        • Yotpo
        • PageFly
        • Zapier
  • Advanced Settings
    • Personalizing your quiz
      • Personalizing with user responses
    • Making your quiz full-width
  • Analytics and optimization
    • Email campaigns
      • Sending quiz results to customers by email
      • Sending quiz results to customers via Klaviyo
    • Quiz submission data
    • Analytics and tracking
      • Tracking setup
        • Facebook Pixel (Meta Pixel)
        • Google Analytics
        • Additional marketing data
      • Quiz analytics
        • URL redirect analytics
      • Dashboard and reporting
    • A/B testing your quiz
  • Account and settings
    • Quiz Kit interface
      • My Quizzes
      • A/B testing
      • Analytics
      • Submissions
      • Integrations
      • Billing
      • Support
    • Quiz Builder
      • Quiz
        • Introduction
        • Questions
        • Additional page types
      • Results
        • AI Auto Results
        • Results template
      • Publish
      • Styles
      • Settings
  • FAQs and support
    • Frequently asked questions
  • Contact us
Powered by GitBook
On this page

Was this helpful?

  1. Build and configure
  2. Publishing your quiz

Publishing on page builder apps or headless setups

Learn how to integrate Quiz Kit with page builder apps or headless setups.

After a quiz is published to any theme, you can connect it to a page builder app or headless setup.

Steps:

  1. From the quiz builder menu, click Publish.

  2. From the Publish menu, click Embed with code snippet.

  3. Copy the code in step 1 by clicking Copy.

  4. Navigate to your page builder settings or your headless setup files and paste the code you just copied in the appropriate location.

  5. Copy the following script and then paste it above the code you copy and pasted in steps 3 & 4.

<link type="text/css" rel="stylesheet" href="https://d38jc50suw8dg3.cloudfront.net/current/static/main.min.css" media="all">
<script async="" src="https://d38jc50suw8dg3.cloudfront.net/current/static/bundle.min.js"></script>
  1. Save your changes.

PreviousPublishing your quizNextIntegrations

Last updated 1 month ago

Was this helpful?