We will cover key widgets and important considerations for their use:

Customizing your Aftersell Thank You Page and Order Status Page with widgets enhances customer interaction and engagement. Using widgets like custom code or HTML, you can personalize these pages to add significant value to your customer's journey. This section highlights why customizing these pages is important and how it benefits business outcomes.

Product Recommendation

FAQs

Text

Custom Code

Important Information

The product recommendation widget can display up to 10 upsell products at a time on the Thank You page.

Customers will need to re-enter their payment details to complete the upsell purchase, but Aftersell automatically applies their saved shipping information to keep the checkout experience seamless.

You can control where and how often product recommendations appear, including whether they’re shown on the Thank You page, the Order Status page, or both. You can also limit how many products are displayed at one time (up to 10).

To keep recommendations relevant, you can hide products the customer has already purchased and exclude out-of-stock variants so only available products are shown.

The Offer design settings control how product recommendations are presented to customers.

You can choose whether products are displayed in a horizontal or vertical layout and adjust visual elements such as borders, button styles, and spacing to better match your checkout experience.

You can also include banner text to add a short description or message above the offer. This is useful for introducing the recommendation, highlighting an incentive, or providing additional context for the products being shown.

Additional pricing options let you control whether the compare-at price is displayed and how sale prices appear using your selected colour scheme. The Compare, Discount, and Sale prices offer two color options:

If needed, you can enable a quantity selector, customize the quantity label, and set minimum or maximum quantity limits to control how many units a customer can add. These settings are helpful for managing inventory or encouraging specific purchase behaviors.

Together, these options give you flexibility to balance clarity and control while keeping the upsell aligned with your brand and checkout layout.

You can apply a discount directly to the upsell by setting a percentage or fixed amount discount. This discount is applied automatically when the customer accepts the offer.

You can customize how the discount appears by setting the discount text and choosing a discount price color. Discount colors can use your checkout branding colors (Accent, Decorative, Info, or Subdued) or one of the preset options (Success, Warning, or Critical).

If enabled, the discount display can include the compare-at price, which will be shown with a strikethrough to highlight the savings.

Discounts follow Shopify’s standard checkout discount rules. Only one line-item discount can apply to a product at a time, and discounts will only combine if they’re marked as combinable in Shopify Admin. In some cases, discounts may not apply if another app modifies the checkout.

We recommend testing your checkout after enabling discounts to confirm they appear as expected.

Order handling settings control how accepted upsells are added to the customer’s order.

You can choose one of the following options:

These options give you flexibility in how upsells are processed, depending on your operational and fulfillment needs.

You can offer free shipping on accepted upsell products to help increase conversion. When enabled, customers won’t be charged shipping for the upsell, while your existing Shopify shipping settings continue to apply to the original order.

If Modify original order is selected under Order handling, free shipping is automatically applied and can’t be disabled.

You can also choose to display a “Free Shipping” badge on the offer and customize the badge text to highlight the benefit.

Adding a FAQ section to your thank you page provides immediate answers to common questions, improving the customer experience. Including a FAQ section enhances transparency, builds trust with future customers, and can help reduce post-purchase concerns. By addressing common questions, you provide clarity and reassurance, making potential buyers more confident in their decisions. A well-structured FAQ section can positively influence new visitors, leading to increased customer satisfaction and potentially higher sales.

You can a text widget to your thank you page to share key information with customers after their purchase. This can help improve communication, build trust, and offer helpful guidance or reassurance. A well-placed text widget can foster future engagement, boost customer satisfaction, and even drive additional sales.

You can create your own custom widget in React using components and hooks from Shopify's Checkout UI Extension library.

After creating the widgets, click on "Open Shopify Editor" to proceed.

Add the Aftersell TY widgets in your Shopify Editor in two locations:

2. The branding settings automatically align with your Shopify checkout branding settings and cannot be customized within the Aftersell editor.

3. You can select whether these upsells are merged into the original order or created as a separate order under the Other Settings tab.

4. Shopify's checkout preview may not always display the widgets. We recommend placing a test order to confirm that your offers appear correctly on a live order. While testing, verify that widgets display correctly on both the Thank You Page and Order Status Page. Use test orders (such as free orders) to validate functionality and check that no errors occur during these tests.

5. If you use manual payment capture in Shopify, Thank You page upsell revenue may not appear immediately in Aftersell analytics only the Modify Original Order setting is enabled.