Shopify Checkout UI
Checkout extensibility opens new ways to customize checkouts on Shopify.
Last updated
Was this helpful?
Checkout extensibility opens new ways to customize checkouts on Shopify.
Last updated
Was this helpful?
You can show quiz results or other products on the checkout page with Shopify's Checkout UI feature.
Steps:
From the Quiz Kit dashboard, click Integrations.
On the Shopify tab, go to Shopify Checkout UI.
Click Settings.
Click Activate.
Click Save.
You can select which products will be shown to customers at the checkout.
Quiz Kit has three options:
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.
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.
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.
Steps:
From the Shopify admin, go to Settings > Checkout.
Under Configurations, click Customize.
From the left-hand menu, click Apps.
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.