Funnel‑Wide Widgets
Progress Bar
The Progress Bar shows customers where they are in the post-purchase flow.
When enabled, the progress bar appears on all upsell offers within the funnel. Any changes made to the progress bar apply across the entire funnel.
Configuration options
Toggle the progress bar on or off for the funnel
Choose a display style:
Minimal
Minimal with labels
Maximal
Select a light or dark appearance
Adjust top and bottom padding to control spacing
Offer‑Level Widgets
Offer-level widgets control the content and behaviour of an individual upsell offer.
These widgets define what the customer sees on a specific upsell step, including messaging, urgency, product information, pricing details, and actions.
Each offer in a funnel can be customized independently using offer-level widgets, allowing you to tailor the experience at every step.
These widgets include:
Text
Timer
Upsell Product
Text
The Text widget is used for headings and supporting copy throughout an offer.
It supports a heading and optional body text, with controls for font size, color, weight, alignment, strikethrough, and spacing.
Use the dynamic variable {first-name} to personalize messaging for each customer.
Timer
The Timer widget adds urgency by displaying a live countdown.
While the timer is running, the offer remains visible. When the timer reaches zero, the upsell offer automatically disappears and the customer is moved forward in the funnel.
Upsell Product
The Upsell Product widget is the heart of the offer. It defines which product is being shown and acts as the container for all product‑related widgets below.
Everything that follows is configured within this widget.
Product Selection
The Product Selection widget controls which product is shown in an upsell offer.
You can select a fixed product or dynamically determine the upsell product based on the customer’s original order, allowing for both static and adaptive upsell experiences.
Product type options
Specific product
Always displays the same product in the upsell.Automatic upsell
Dynamically selects a product using predefined upsell logic.Most expensive in cart
Uses the highest-priced item from the customer’s original order.Least expensive in cart
Uses the lowest-priced item from the customer’s original order.
Changing the product
The selected product appears at the top of the widget. To change it:
Click Change product
Select a product type
Choose or confirm the product
Discount
The Discount widget applies and displays promotional pricing.
Merchants can choose between a percentage (%) discount or a fixed dollar ($) discount. Custom discount text can be added if desired, and the discount can either reference the product’s compare‑at price or ignore it.
Badge
The Badge widget highlights key product attributes such as popularity or urgency.
You can select a predefined badge label, choose from multiple visual styles, include an icon, and control where the badge appears in the offer or directly on the product image.
Custom badge images can be uploaded from Advanced badge settings (SVG or PNG, up to 10MB).
Shipping
The Shipping widget controls how shipping costs are communicated.
You can either offer free shipping or charge for shipping by setting a specific shipping price.
Image
The Image widget controls how product images are displayed.
It includes options to adjust the main image size, add a border, enable an image carousel, and upload a custom product image from Advanced image settings.
Buttons
The Buttons widget controls how customers accept or decline the upsell.
You can require a confirmation click before accepting, customize the decline button style, adjust button order and alignment, and add optional text above or below the buttons. Supporting text includes styling controls and dynamic variable support.
Price Breakdown
The Price Breakdown widget adds clarity around pricing.
It can display shipping and tax, include extra details such as subtotal and discounts, and be aligned or positioned near the payment buttons for maximum clarity.
Product Details
The Product Details widget controls how key product information is presented.
It supports product review ratings (automatically hidden if no reviews exist), an optional quantity selector, and the ability to skip the offer if the product already exists in the original order.
Product titles and prices are fully stylable and support some dynamic variables including {product}, {original-price}, {current-price}, and {savings}.
An optional offer description can be added to reinforce value or urgency.
Variants
The Variants widget controls variant visibility and selection.
You can show or hide out‑of‑stock variants, hide the entire product if all variants are unavailable, and control whether variant options with a single choice are shown. Advanced settings allow you to hide the variant selector entirely.
Variant preselection options include Smart matching to the initial purchase, Unselected, requiring the users selection or First available variant.
For products with multiple variant options, all options are displayed and an in-stock variant is preselected when available; out-of-stock options are shown as unavailable. For products with a single variant option, out-of-stock options are hidden.
Layout
The Layout widget controls the overall structure and spacing of the upsell.
You can choose between a single‑column or two‑column layout, adjust the maximum layout width, and fine‑tune top and bottom padding to create a clean, readable experience.
Adding Additional Widgets
Widgets can be added either above or below the Upsell Product widget, allowing you to control the flow of information before or after the product itself.
Additional widgets that can be added include
Image - Display a supporting image to visually reinforce the offer.
Text - Add supporting text to communicate key messages.
Text & Image - Combine text and visuals to highlight value or explain the offer.
Extra Buy Button - Add an additional call-to-action to encourage offer acceptance.
Trust Badge - Display trust signals such as guarantees, security, or credibility indicators.
FAQs - Answer common customer questions to reduce friction and increase confidence
To add a widget:
Choose whether you want the widget to appear above or below the Upsell Product widget
Click Add widget in the selected section
Select and configure the widget you’d like to include
To learn more about what post purchase offers are, how they work, and how to start using them with Aftersell, take a look at this article for more information.
The behavior and appearance of widgets are limited to the configuration options available in the editor.
Further customizations are not supported due to Shopify limitations.
Need Help?
If you have questions or need assistance setting up your post‑purchase offers, our support team is here to help. You can reach out anytime through the in‑app chat or by contacting us via email.