Skip to main content
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: Image

​
Upsells

Offer products to your customers during checkout to help increase your AOV. Image 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.

​
Product selection options

When creating upsell offers, you can choose how products are selected:
  • Specific Products: Manually select individual products to upsell.
  • Collection: Select a collection and choose up to 5 random products from that collection to display. Products already in the cart are automatically excluded.
  • AI Recommendations: Let Aftersell automatically recommend products based on the customer’s cart contents.
  • Most Expensive Product: Automatically upsell the most expensive product from the customer’s cart.
Image

​
Product types

When adding products to your upsell widget, you can choose from several product types:
  • Specific product - Select a particular product from your store to display
  • Automatic upsell - Uses Shopify’s AI to recommend complementary products based on cart contents
  • Most expensive product - Shows the most expensive item from the customer’s cart
  • Spend threshold - Intelligently recommends products to help customers reach reward thresholds (requires rewards bar to be enabled)
  • Collection - Display products from a specific collection
The spend threshold product type works with your rewards bar to suggest products that help customers reach goals like free shipping or discounts. It automatically selects the most relevant product based on how close the customer is to the threshold.

​
Subscription plan locking

When creating upsells for subscription products, you can lock the upsell to a specific subscription plan. This prevents customers from changing the subscription plan at checkout, ensuring they receive the exact subscription option you’ve configured. How to configure subscription plan locking:
  1. Open your upsell widget in the Checkout editor.
  2. Set the Purchase option to Subscription.
  3. In the Subscription plan dropdown, select a specific plan instead of “Any plan (customer chooses)”.
  4. The plan is now locked - customers will see this plan at checkout but cannot change it.
Customizing the locked plan display: When a plan is locked, you can customize how it appears to customers at checkout:
  • Show subscription option on checkout - Toggle whether the subscription option row (label + plan name) appears at checkout. Enabled by default.
  • Show variant on checkout - Toggle whether the variant row (option name + variant name, e.g., “Size / Large”) appears at checkout. Enabled by default.
  • Subscription option label - Customize the label shown above the plan name (default: “Subscription”). For example, you might change this to “Subscribe”, “Delivery”, or another term that fits your brand.
  • Plan name - Override the plan name displayed at checkout. By default, the plan name from Shopify is used.
When plans are automatically locked: Plans are automatically locked when:
  • You select a specific subscription plan (as described above)
  • The product has only one subscription plan available
In both cases, customers cannot change the subscription plan at checkout, and the customization options above apply.

​
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.

​
Adding a discount to your upsell

When configuring an upsell widget, you can add a discount by clicking the “Add discount” button. You’ll see two options:
  • Pick existing - Select from discounts you’ve already created. You can search through your existing discounts to find the one you want to apply.
  • Create new - Create a new discount directly in the editor by setting:
    • Title - The discount code text shown to customers in checkout (e.g., “SAVE”)
    • Amount - Choose between a percentage discount or a fixed amount discount, then enter the value
Once a discount is applied to your upsell, it appears as a badge that you can click to change or remove. You can manage all your checkout discounts in one place. See Managing checkout discounts to learn how to view, edit, and delete discounts.

​
How discounts work

  • 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:
    1. 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).
    2. 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:
  1. 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.
  2. 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.
  3. 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.

​
Upsell Review Stars

Checkout upsells can display star ratings on offer products to help increase conversions. Ratings are pulled from your product review app’s metafields and only appear when valid review data exists for the product.
  • Please note that this is currently available on Aftersell’s Checkout version 2 and not version 1, due to api limitations.
How to enable
  • Open Checkout and edit the upsell.
  • Enable Show product review ratings.
  • (Optional) Open Advanced product review settings to customize the display.
Advanced settings
  • Set a minimum rating to display (0–5, default 4.0).
  • Choose where stars appear (below title or below price).
  • Customize filled and unfilled star colors.
  • Show or hide the numeric rating and review count.
Image Supported review apps
We support review apps that store ratings in product metafields, including:
  • Shopify Product Reviews
  • Junip
  • Okendo
  • Growave
  • Fera
  • Stamped
  • Loox
  • REVIEWS.io
  • Automizely Reviews
  • Judge.me
  • Ali Reviews
  • Trustoo
  • Rivo
  • Rivyo
  • Vitals
Ratings won’t display for products without review data. If multiple supported review apps are installed, the app with the highest review count is used. Yotpo isn’t supported for Checkout V2 upsell ratings because it requires a separate API.

​
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.
Image

​
Product review ratings

Cart controls can display star ratings for in-cart products to help build trust and increase conversions. Ratings are pulled from your product review app’s metafields and only appear when valid review data exists for the product. How to enable
  1. Open Checkout and edit the cart controls widget.
  2. Navigate to the Product review ratings section.
  3. Enable Show product review ratings.
  4. (Optional) Customize the display settings.
Settings
  • Set a minimum rating to display (0–5, default 4.0). Products below this rating won’t show stars.
  • Choose where stars appear (below product title or below cart controls).
  • Customize filled star color (default: #fdcc0d) and unfilled star color (default: #d1d5db).
  • Show or hide the rating value (e.g., 4.5) and review count (e.g., 123 reviews).
Supported review apps
We support review apps that store ratings in product metafields, including:
  • Shopify Product Reviews
  • Junip
  • Okendo
  • Growave
  • Fera
  • Stamped
  • Loox
  • REVIEWS.io
  • Automizely Reviews
  • Judge.me
  • Ali Reviews
  • Trustoo
  • Rivo
  • Rivyo
  • Vitals
Ratings won’t display for products without review data. If multiple supported review apps are installed, the app with the highest review count is used.

​
Product targeting

You can control which products display cart controls using the Visibility settings in the cart controls widget editor:
  • All products in cart: Cart controls appear for every product (default).
  • Only selected products: Cart controls appear only for products you select. Click Select products to choose which products should display cart controls.
  • All products except selected: Cart controls appear for all products except those you select. Click Select products to choose which products should not display cart controls.
This allows you to customize the checkout experience based on specific products. For example, you might want to enable subscription upgrades only for certain products, or prevent customers from removing specific items from their cart. How to configure product targeting:
  1. Open your cart controls widget in the Checkout editor.
  2. Navigate to the Visibility section.
  3. Select your preferred targeting mode from the Apply cart controls to dropdown.
  4. If you selected Only selected products or All products except selected, click the Select products button to choose your products.
  5. Save your changes.

​
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. You can use the spend threshold product type in your upsell widget to automatically recommend products that help customers reach the reward threshold. Image 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. Image 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 customer reviews directly on checkout to build trust and lower your abandoned checkout rate. Image

​
Testimonials modes

Aftersell offers two types of testimonials widgets:
  • Flex Testimonials - Automatically pulls real customer reviews from your review app (Judge.me, Klaviyo, Okendo, or Yotpo). This is the recommended option for all merchants.
  • Classic Testimonials - ⚠️ Deprecated - Classic testimonials are no longer available, If you’re currently using Classic Testimonials, we recommend switching to Flex Testimonials.

​
Switching from Classic to Flex Testimonials

If you’re using Classic Testimonials, you should switch to Flex Testimonials to display real reviews from your review app:
  1. Open Checkout in Aftersell
  2. Navigate to the Classic Testimonials widget tab
  3. Click Switch to review app widget in the banner at the top
  4. Configure your review app credentials in Settings > Product Reviews (see Review app integrations below)
Note: Classic Testimonials is deprecated and no longer accessible, Once you switch to Flex Testimonials, you will not be able to switch back to Classic Testimonials. Testimonials Review

​
Flex Testimonials configuration

Flex Testimonials offers two selection modes:
  • Manual selection - Choose specific reviews to display in your testimonials widget
  • Dynamic - Automatically fetch and display reviews based on products in the customer’s cart

​
Dynamic mode

In dynamic mode, Aftersell imports reviews from your review app and stores them so they can be displayed in the checkout widget. The first import happens automatically within 24 hours, and then once a week after that. To import reviews immediately, go to Settings > Product Reviews and click Sync now for your review app. You can configure:
  • Maximum reviews to show - Control how many reviews appear
  • Display type - Choose between horizontal carousel or vertical stack layout
  • Minimum rating - Set the minimum star rating for reviews to display

​
Review app integrations

To use Flex Testimonials, you need to configure your review app credentials in Settings > Product Reviews. Aftersell supports:
  • Judge.me - Requires your Private API token
  • Klaviyo - Requires your private API key
  • Okendo - Requires your User ID
  • Yotpo - Requires your App Key
See the following guides for setup instructions:

​
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.