LogoLogo
  • Introduction
    • Welcome to the Quiz Kit Help Center
      • Why Quiz Kit?
    • 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
  • Build and configure
    • Creating a quiz
      • Draft questions and pages
    • Styling and designing your quiz
      • Style settings
      • Custom code and JavaScript
    • Collecting customer data
    • Setting up quiz results
      • Results logic
        • Basic logic (default)
        • Single logic
        • Points logic
        • Product weight logic
        • Result weight logic
        • Combination logic
        • Creating logic jumps
      • AI Auto Results
      • Results template
    • 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
  • Publish and launch
    • Publishing your quiz
      • Publishing on page builder apps or headless setups
    • Visibility and placement
  • Advanced Settings
    • Personalizing your quiz
      • Dynamic questions & answers
    • Making your quiz full-width
  • Analytics and optimization
    • Email campaigns
      • Sending quiz results to customers by email
      • Sending quiz results to customers via Klaviyo
    • Using submission data
    • Viewing 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
        • Results template
      • Publish
      • Styles
      • Settings
  • FAQs and support
    • Frequently asked questions
    • Contact us
    • Submit feedback
Powered by GitBook
On this page
  • Connecting Shopify Checkout UI to Quiz Kit
  • Customizing the Checkout UI
  • Adding the extension to checkout page

Was this helpful?

  1. Build and configure
  2. Integrations
  3. Shopify

Shopify Checkout UI

Checkout extensibility opens new ways to customize checkouts on Shopify.

PreviousShopify Customers ListNextShopify Markets

Last updated 4 days ago

Was this helpful?

Note:

This feature is available only for Shopify Plus stores with Quiz Kit Middle plans or higher.

You can show quiz results or other products on the checkout page with Shopify's Checkout UI feature.


Connecting Shopify Checkout UI to Quiz Kit

Steps:

  1. From the Quiz Kit dashboard, click Integrations.

  2. On the Shopify tab, go to Shopify Checkout UI.

  3. Click Settings.

  4. Click Activate.

  5. Click Save.


Customizing the Checkout UI

You can select which products will be shown to customers at the checkout.

Quiz Kit has three options:

  1. Result products - If the customer completes the quiz, then the customer's recommendation is shown on the checkout page, up to a maximum of 4 products. The user should be logged in and leave the same email while completing the quiz.

  2. Fallback products - Show specific products for customers on the checkout page, even if they haven't completed the quiz. You can select up to 4 products.

  3. Personal smart recommendations - Show smart recommendations on the checkout page. To do this, you need to activate , enable , and add relevant sections to your online store theme.

Checkout UI elements automatically inherit the store brand settings.


Adding the extension to checkout page

Steps:

  1. From the Shopify admin, go to Settings > Checkout.

  2. Under Configurations, click Customize.

  3. From the left-hand menu, click Apps.

  4. From available app extensions select Quiz Kit upsell products.

Upsell product section can be moved to any available location on the page.

Recommended products are shown when the customer completes the quiz with their email address and are logged into their customer account with the same email address.

personalization
smart recommendations