Test checkout experiences with custom elements, messaging, and trust badges to improve conversion rates and optimize your checkout flow.
Plan Requirement: Checkout UI testing is available on Shopify Plus plans only.
What is Checkout UI Tests?
Checkout UI tests let you A/B test different checkout experiences by adding custom blocks to your checkout page.
Key Benefits:
Reduce checkout abandonment with trust-building elements and clear messaging
Increase conversion rates by testing different checkout experiences
Build customer confidence with security badges, and guarantee messages
Guide customers with helpful information and support options
What you can test and test cases
Custom Messaging and Headers
Test different headlines and descriptions to guide customers:
Welcome messages and checkout instructions
Urgency messaging ("Limited time offer!")
Reassurance content ("Secure checkout guaranteed")
Promotional announcements
Trust Badge
Build customer confidence with trust signals:
Money-back guarantees
Return policy reminders
Customer service contact information
Shipping and delivery promises
Image
You can upload your image to the block and assign a redirection link to it.
Payment Method Icons
Showcase accepted payment options:
Credit card logos (Visa, Mastercard, Amex)
Digital payment icons (PayPal, Apple Pay, Google Pay)
Buy now, pay later options (Klarna, Afterpay)
Add your custom payment icon
Interactive Elements and Buttons
Add helpful actions and contact options:
"Need help?" support buttons
Phone and email contact buttons
FAQ links and help resources
Visual Content and Banners
There are four styles available depending on what you're communicating: success, info, warning, or critical.
Benefit Highlights
Remind customers of key benefits:
Free shipping thresholds
Return policy highlights
Product warranties and guarantees
Exclusive member benefits
FAQ
How to apply a winning checkout UI test group?
After you finish a checkout UI test in ABConvert, you will usually want to roll out the winning version to all visitors. This guide shows two practical ways to apply the winner.
Option 1: Set winner traffic to 100%
This is the fastest way to apply the winning group inside ABConvert.
Go to your ABConvert tests
Find your checkout ui test, in the Actions dropdown, click Edit
In Traffic Percentage settings, set the winning group to 100%.
All eligible visitors will now see the winning checkout UI while the test remains active.
Option 2: Implement UI in Shopify's Checkout Blocks app
If you want the winning UI to stay live without relying on an active test, rebuild it in Shopify’s checkout customization app: Checkout Blocks.
You may not be able to recreate the winning UI exactly in Checkout Blocks, depending on the elements used in the test.
Because of this limitation, we are planning to release a feature that lets you permanently keep an ABConvert checkout block after a test ends.
Will checkout UI tests slow down my checkout?
No. Our checkout extensions are optimized for performance and load seamlessly with Shopify's native checkout. The elements are lightweight and won't impact checkout speed.
Can I preview the whole checkout page's changes before going live?
No, you can only preview the block in the create test page.
However, you can use our view links to access test groups after the test is live.
How many checkout blocks can I have in one test group?
You can only have one block in a test group.
Why can I only add three app blocks per row in the checkout editor?
This is a platform-level limitation set by Shopify. The checkout page editor enforces a three-block maximum per row to ensure user experience based on Shopify document. This applies to all checkout app blocks from any Shopify app, not just ABConvert.
