There are a variety of checkout widget options to select from. In this article, we will walk through the different widget options, what they do, and available customizations:
Upsells
Offer products to your customers during checkout to help increase your AOV.
Upsell Widgets have a few different configurations to select from.
Single Product Upsell: Offer one product to your customer.
Multi-Product Upsell: Show multiple products in either a stack or carousel layout. Allow customers to accept multiple offers.
Checkmark Upsell: Upsell a single product with a checkbox instead of an Add to Cart button. This is commonly used for cheaper add-ons such as shipping protection or first in line shipping.
Discounts
Discounts can be configured directly within the upsell widget. This discount automatically gets applied when the customer selects to add the upsell product to their order.
Aftersell's discount will only be able to be combined with other combinable discounts, just like every other Shopify discount!
Shopify's discounting rules will also be applied here. For example:
Shopify only allows one line-item discount to apply to a single product at a time (e.g., if a product has an existing discount, an additional upsell discount will not stack).
Some discounts, like order-level and line-item discounts, can combine if explicitly set to "combinable" in Shopify Admin.
Ensure discounts are set to "combine" in the Shopify Admin where supported to avoid conflicts.
Here's Shopify's docs on discount combination, which includes a "Limitations" section that goes over those rules: https://help.shopify.com/en/manual/discounts/combining-discounts/discount- combinations
Here is a video that goes over this as well:
Important Limitation: These discounts still rely on Shopify checkout discounts. There are several reasons why discounts may fail to apply:
Multiple Discounts on the Same Product: If an Aftersell upsell discount is configured for a product that already has a discount applied, the Aftersell discount will not stack.
Incorrect Collection Setup: If discounts target collections, ensure all relevant products belong to the configured collection. Hidden collections can be used to include desired items.
Upsell Discounts for Added Items: Aftersell requires a Shopify Automatic Discount targeting upsell items to apply discounts when conditions are met. Furthermore, if another app dynamically mutates your checkout (e.g., shipping protection apps like Route), Shopify may remove all checkout discounts, including those added via Aftersell. Steps for Correct Discount Configuration:
Navigate to Shopify Admin > Discounts and enable "Combinable" options for relevant discounts.
Use Shopify Automatic Discounts for upsell products and ensure their criteria align with your promotions.
Create a hidden collection to include the products requiring discounts for testing purposes.
Cart Controls
Surface a modify link below every product line item to allow editing directly on the checkout page.
The following functionality is supported for cart controls:
Variant selector: Allow customers to change to another in-stock variant.
Quantity selector: Allow customers to change the quantity of a product.
Remove item: Allow customers to remove upsell products.
Subscription selector: Allow customers to change the the currently selected subscription option (e.g. from every 60 days to every 30 days).
Subscription upgrade: Allow customers to upgrade a one time purchase to a subscription.
Custom text: Add custom text below each line item.
Rewards
Show a reward bar (spend X get Y) in your checkout to incentive adding more products. This goal can either be based on Order Value or Item Count.
Rewards work well alongside the upsell widget. Make it easy for a customer to add an extra product to their order to achieve the reward.
Keep in mind, any rewards you're offering will need to be created through Shopify. This can be done by creating Automatic Discounts if you are offering a discount, or by modifying your Shipping Rules if you are offering free shipping.
Trust Badges
Build trust badges with custom icons and text in order to increase checkout conversion rate. The badges can be stacked vertically, or displayed horizontally.
Trust badges are great for building a sense of trust with your brand and highlighting your value proposition, which can help lower your abandoned checkout rate.
Testimonials
Display the top reviews you have received, directly on checkout.
This widget will helps build trust, once again lowering your abandoned checkout rate.
Notes
Allows your customer to add notes to their order. These notes can either be written manually by the customer, or be pre-written notes. Pre-written notes are excellent when your store offers gift wrapping or eco packaging, and you want to give your customers an easy way to opt-in.
Images
Upload a custom image which can be inserted in the checkout.
Text
Insert a banner in your checkout with the text of your choice.
Choose between four different styles for the text widget.
Information: A blue background with a blue information icon.
Success: A green background with a green checkmark icon.
Critical: A red background with a red exclamation point icon.
Warning: A yellow background with a yellow warning triangle icon.