​

Checkout best practices

This guide covers how to get the most out of Aftersell’s checkout widgets on Shopify Plus — from choosing between Pages and Standalone widgets, to configuring upsells, trust badges, rewards, and testimonials, to running A/B tests and avoiding common setup mistakes.

---

​

Choose the right widget structure

Aftersell offers two ways to add widgets to your checkout: Pages and Standalone widgets. Choosing the right structure upfront saves time and avoids conflicts later.

​

When to use Pages

A Page is a group of widgets that share a single set of triggers. When the trigger conditions are met, all widgets in the page display together. Use Pages when you want to show a coordinated set of widgets to the same audience — for example, an upsell, trust badges, and testimonials all appearing together for a specific customer segment. Pages support a guided setup that recommends widgets based on a goal you select:

• Increase AOV and conversion rate - Upsells, Trust Badges, Testimonials
• Build customer trust and reduce abandonment - Trust Badges, Cart Controls, Text
• Promote add-ons and accessories - Checkbox Upsells, Images, Testimonials
• Encourage customers to reach free shipping threshold - Upsells (with Rewards), Text

​

When to use Standalone widgets

Standalone widgets function independently, each with their own triggers and priority configured at the variant level. Use Standalone widgets when you need a single widget that runs on its own, or when you need different trigger conditions for different widgets. Standalone widgets also support A/B testing (Pages do not support A/B testing yet), so use Standalone if testing is part of your strategy.

​

Block limits

Pages allow up to 5 blocks per widget type. Standalone widgets allow a maximum of 3 blocks per widget type. Once all blocks are in use, you cannot create additional widgets of the same type until an existing block is removed.

---

​

Upsell widget strategy

Checkout upsells are your primary revenue driver at this stage. The goal is to increase AOV without increasing checkout abandonment.

​

Choose the right upsell mode

Aftersell offers three upsell widget modes:

• Single Product Upsell - Show one product with an Add to Cart button. Best for focused, high-confidence offers where you know exactly what the customer is likely to want.
• Multi-Product Upsell - Show multiple products in a stack or carousel layout. Customers can accept multiple offers. Best for stores with a wide catalog where you want to give customers options.
• Checkmark Upsell - Show a single product with a checkbox instead of an Add to Cart button. Best for low-cost add-ons like shipping protection, gift wrapping, or rush processing where the decision is simple and fast. Note: the checkbox cannot be pre-checked or auto-added to the order by default. Shopify does not allow this. The customer must actively check the box to add the product.

​

Choose the right product selection method

Each upsell widget supports several product selection methods. Choose based on your catalog and strategy:

• Specific Products - Manually select individual products to upsell. Use when you want full control over exactly what appears, such as during a seasonal promotion or for curated pairings.
• Collection - Select a collection and display up to 5 random products from it. Products already in the cart are automatically excluded. Use when you want variety within a curated set without manually managing individual products.
• AI Recommendations - Let Aftersell automatically recommend products based on the customer’s cart contents. Use when you have a large catalog and want personalized recommendations without manual curation.
• Most Expensive Product - Automatically upsell the most expensive product from the customer’s cart. Use for cross-sell scenarios where re-offering the hero item makes sense.
• Spend Threshold - Recommend products that help customers reach a free shipping threshold (requires the rewards widget to be enabled). Use alongside the rewards bar to close the gap between the customer’s current cart value and the free shipping goal.

​

Always add a discount to your checkout upsells

We strongly recommend adding a discount to every checkout upsell widget. A discount gives customers an immediate incentive to add the product to their order and significantly increases acceptance rates. Even a small discount signals value and can be the difference between a customer engaging with the offer or ignoring it. Discounts are configured directly within the Aftersell upsell widget and are automatically applied when the customer adds the upsell product to their order. You can either select an existing Aftersell checkout discount or create a new one (percentage or fixed dollar) right in the widget editor. See Checkout Widget Types for full details on discount configuration. Keep in mind:

• Shopify only allows one line-item discount per product at a time. If a product already has a discount applied, the Aftersell upsell discount will not stack on the same line item.
• For two discounts to combine, both must be explicitly set to “combinable” in Shopify Admin.
• If another app is dynamically modifying your checkout (for example, recalculating pricing), Aftersell discounts may not apply as expected.

​

Enable product review stars

If you have a compatible review app installed, enable product review star ratings on your upsell widgets. Review ratings build trust and increase the likelihood a customer will accept the offer. You can set a minimum rating threshold (default 4.0) so only well-reviewed products display stars. Supported review apps include Shopify Product Reviews, Judge.me, Okendo, Loox, Stamped, and others that store ratings in product metafields. See Checkout Widget Types for the full list.

---

​

Content widgets that increase conversion

Content widgets do not directly offer products, but they reduce checkout abandonment and build trust, which increases overall conversion.

​

Trust badges

Trust badges highlight security features, guarantees, and shipping benefits. They can be stacked vertically or displayed horizontally. Effective trust badge content includes:

• Secure checkout / SSL encryption
• Money-back guarantee or satisfaction guarantee
• Free returns or easy exchanges
• Free or fast shipping
• Customer count or order count (“Trusted by 50,000+ customers”)

Keep badges concise and use recognizable icons. Place them near the payment section where customers are most likely to hesitate.

​

Testimonials

Flex Testimonials pull real reviews from your review app (Judge.me, Klaviyo, Okendo, or Yotpo) and display them directly on checkout. Testimonials automatically fetch reviews based on products in the customer’s cart, so each customer sees reviews relevant to what they are buying. Reviews sync automatically within 24 hours of setup, then weekly. To import reviews immediately, go to Settings > Product Reviews and click Sync now.

​

Rewards bar

The rewards bar shows customers how close they are to earning free shipping. This creates a natural incentive to add more products to their order. To get the most out of the rewards bar:

1. Set a goal based on Order Value or Item Count
2. Pair it with an upsell widget using the Spend Threshold product type, which automatically recommends products that help customers close the gap to the free shipping threshold
3. Create the free shipping reward in Shopify by modifying your Shipping Rules to offer free shipping at the target order value

The rewards bar and spend threshold upsell work best as a pair - the bar creates the motivation, and the upsell provides the product to get there.

​

Cart controls

Cart controls let customers modify their cart directly on the checkout page — changing variants, adjusting quantities, removing items, or upgrading to a subscription. This reduces friction and can prevent abandonment from customers who would otherwise leave checkout to make changes. You can target which products display cart controls using the visibility settings: all products, only selected products, or all products except selected ones. This lets you enable subscription upgrades only on eligible products, for example, without exposing unnecessary controls on other items.

---

​

Triggers

Triggers let you control which customers see which widgets. Using triggers effectively means the right customers see the right offers at the right time. The full set of available checkout triggers:

• Products: Specific products, specific collections, quantity of specific product
• Cart: Subtotal, quantity, subscription purchase
• Discount: Applied discount titles, discount value
• Customer: Shipping country, customer language, customer tags, device type
• Advanced: Group of triggers (combine multiple triggers for complex logic)

​

Start with a “Show to all” baseline

Before building complex trigger logic, set up your primary widgets to show to all customers. This ensures every checkout session sees your offers and gives you a baseline to measure against before you start segmenting.

​

Segment with product and cart triggers

The most impactful triggers for upsells:

• Specific products or collections — Show a complementary upsell when a specific product or collection is in the cart
• Quantity of specific product — Show a widget only when a customer has a certain quantity of a specific product (for example, show a volume discount upsell when a customer has 2 or more of a product)
• Cart subtotal — Show a rewards bar or upsell only when the cart value is within range of a threshold (for example, show the rewards bar when the subtotal is between $40 and$75 if free shipping starts at $75)
• Cart quantity — Show or hide widgets based on how many items are in the cart
• Subscription purchase — Show or hide widgets based on whether any item in the cart is a subscription

​

Use customer triggers for personalization

• Shipping country — Show different content or offers based on the customer’s shipping destination
• Customer language — Display translated widgets to customers whose locale matches a specific language. Set the trigger to “is French” and translate all editable fields to French within the widget
• Customer tags — Target customers based on Shopify customer tags. Use this for VIP customers, loyalty tiers, wholesale accounts, or any other customer segmentation you have set up in Shopify
• Device type — Show or hide widgets based on whether the customer is on mobile or desktop. This is especially important for placement strategy (see the mobile checkout behavior section below)

​

Combine triggers with advanced logic

Use the Group of triggers option to combine multiple conditions. For example, show a specific upsell only when the cart contains Product X AND the subtotal is above $50. This prevents irrelevant offers from appearing and improves the customer experience.

---

​

Placement and branding

​

Place widgets thoughtfully

Where you place your widget in the checkout affects how likely customers are to see and interact with it. General guidelines:

• Upsells — Place above the payment section where customers are actively reviewing their order. Avoid placing upsells inside the order summary section (see mobile note below).
• Trust badges — Place near the payment section where hesitation is highest.
• Rewards bar — Place near the top of the checkout so customers see the incentive early and have time to act on it.
• Testimonials — Place below the upsell for social proof reinforcement, or near the payment section.

​

Be aware of mobile checkout behavior

On mobile, Shopify collapses the order summary section into a dropdown that is hidden by default. Any widgets placed inside the order summary area will be hidden under that dropdown and most customers will not see them. This is Shopify’s default behavior and Aftersell has no control over it. For widgets you want every customer to see (especially upsells and rewards bars), place them outside the order summary section so they are visible on both desktop and mobile without requiring the customer to expand anything. Use the device type trigger to create separate widget configurations for mobile and desktop. For example, you might show a streamlined single-product upsell on mobile (where screen space is limited) and a multi-product carousel on desktop. Or you might place a widget in the order summary for desktop users (where it is always visible) and use a separate widget outside the order summary for mobile users. After placing widgets in the Shopify Checkout Editor, check the “Include app block in Shop Pay” option if you want your widgets to display in Shop Pay checkout as well. See Shop Pay Widgets for setup details.

​

Match your checkout to your storefront

A checkout that looks visually different from your storefront can erode trust and increase abandonment. Use the Checkout Branding Settings to match your checkout’s button colors, corner radius, and body colors to your store’s design. Pay particular attention to the primary button styling — this is the most visible element in the checkout and should feel consistent with your storefront’s CTA buttons.

---

​

A/B testing

A/B testing is the most effective way to improve checkout widget performance. See the full Checkout A/B Testing guide for setup instructions.

​

Key concepts

• A/B testing is currently available for Standalone widgets only (Pages do not support A/B testing yet)
• Each widget supports two versions (Version A and Version B) with an automatic 50/50 traffic split
• Testing compares content within a single widget - you cannot test across different widget types or different placements
• Use Version A and Version B terminology (not “Layout” - that is post-purchase terminology)

​

Most valuable tests to run

Upsell widget tests:

• Specific product vs. AI recommendations vs. most expensive product
• Complementary product vs. same product
• Percentage discount vs. fixed dollar discount
• Discount vs. no discount
• Single product upsell vs. checkmark upsell
• Active offer vs. Blank (Skip) to measure whether showing the upsell helps or hurts overall checkout conversion

Content widget tests:

• Trust badges with vs. without specific badges
• Different testimonial selections
• Active content vs. Blank (Skip) to measure the impact of showing the widget

​

Test one variable at a time

When you change multiple elements at once, you cannot tell which change drove the result. Keep tests clean:

• Good: 10% discount vs. 20% discount (one variable)
• Avoid: 10% discount + Product A vs. 20% discount + Product B (two variables)

​

Use Blank (Skip) as a control

This is one of the most valuable tests you can run. A Blank version shows nothing to the customers it is assigned to, giving you a true baseline. If the Blank version results in a higher checkout completion rate, the widget may be hurting conversion and needs to be reconsidered.

​

Monitor checkout abandonment alongside upsell conversion

A higher upsell acceptance rate means nothing if checkout abandonment is increasing at the same time. Track the Checkout abandonment rate in Analytics > Checkout tab while running A/B tests. For content widgets, per-version analytics also include a Checkout abandonment rate metric.

​

Use upsell revenue per order as your primary metric

Upsell revenue per order (checkout upsell revenue / purchased orders) is the recommended metric for measuring checkout widget performance over time. It accounts for both upsell acceptance and overall order completion, giving you a complete picture.

---

​

Common mistakes

❌ Placement mismatch between Aftersell and Shopify - the placement selected in the Shopify Checkout Editor must match the placement set in Aftersell (for example, Default placement, Additional placement 1, Additional placement 2). If they do not match, the widget will not appear or will display in the wrong location. This is one of the most common reasons a widget fails to display. Fix it → ❌ Widget not enabled in Aftersell - creating and placing a widget is not enough. You must also enable the widget using the toggle in the top right corner of the widget settings in the Aftersell admin. If the toggle is off, the widget will not display regardless of placement. Fix it → ❌ Missing Shop Pay app block setting - if you want checkout widgets to display in Shop Pay checkout, you must check the “Include app block in Shop Pay” option in the Shopify Checkout Editor for each widget. This is off by default. Fix it → ❌ No “Show to all” baseline - jumping straight into complex trigger logic without first establishing a baseline that shows widgets to all customers. Start with “Show to all” so you have performance data, then segment with triggers based on what you learn. Fix it → ❌ Stacking discounts that do not combine - Aftersell upsell discounts follow Shopify’s standard discount rules. If a product already has a discount and neither discount is set to “combinable” in Shopify Admin, the Aftersell discount will not apply. Check your Shopify discount combination settings before assuming a discount is broken. Fix it → ❌ No rewards bar alongside upsells - running upsell widgets without a rewards bar misses the opportunity to give customers a reason to add more. Pair the rewards bar with the spend threshold product type in your upsell widget so the upsell directly helps customers reach the free shipping threshold. Fix it → ❌ Not testing with Blank (Skip) - most merchants test different offers against each other but never test whether showing a widget at all is helping. Use Blank (Skip) as a control to measure whether a widget is increasing or decreasing checkout completion. Fix it → ❌ Running only one A/B test version - for a Standalone widget A/B test to work, both versions must be active at the same time. If one version is deactivated, all traffic goes to the remaining version and no comparison data is collected. Fix it →

---

​

Need help?

If you have questions about configuring or optimizing your checkout widgets, chat with our support team using the live chat at the bottom right of the app.