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

​
Product Recommendation

Image The product recommendation widget can display up to 10 upsell products at a time. Unlike the one-click upsell feature, product recommendations on the thank you page are fully compatible with all payment gateways and multi-currency stores. However, there are some additional factors to consider:
  • You can choose whether this offer gets added to the original order or is created as a separate new order.
  • Customers will need to re-enter their payment details to complete the purchase of the offer. However, Aftersell will automatically apply their saved shipping information for a seamless checkout experience.
Offer description This enables you to include a description of your offer. Image
Quantity selection Allows you to specify the number of offers to display and set quantity limits for the designated upsells. Image
Automatic discount Enables you to apply a specific discount to an upsell, choosing between a percentage or a fixed dollar amount. Additionally, you can enable free shipping for Thank You page upsells. By default, Shopify’s shipping settings apply, but if you toggle the free shipping option here, customers will not be charged for shipping. You can also configure the “Compare at” price setting in this section. Learn more about this feature here.
Style settings You can style the upsell by customizing elements such as:
  • Layout
  • Accept button text
  • Adding borders or applying an outline to the button.
General settings
  • Hide offer if purchased
    • If enabled, the offer will be hidden if the products in the Thank You page upsell are already included in the original order.
  • Hide out of stock variants
    • Ensures that only in-stock variants are displayed.
Other Settings This setting allows Thank you page product recommendation orders to be merged with the original order. Image Note: When Order Modification is enabled:
  • Free shipping is automatically applied.
  • Due to Shopify limitations, product variants already included in the customer’s order will be hidden from the upsell.
  • The original order will remain marked as partially paid until the customer completes payment for the added upsell. Once the payment is completed, the order status will automatically update in your Shopify admin.
Price settings The Compare, Discount, and Sale prices offer two color options:
  1. You can apply colors from your Checkout branding, with the available options being:
    • Accent
    • Decorative
    • Info
    • Subdued Image
      • Note: Some of these settings can be modified through your Shopify checkout editor or by using other apps that offer this functionality.
  2. Or, you can apply a custom preset colors:
    • Success- Green
    • Warning- Yellow
    • Critical- Red
    This section also includes two settings that complement the Automatic Discount feature.:
    1. Show compare at price
    • Enable this option to display the “Compare at” price with a strikethrough.
    1. Show discount
    • Enable this option to display the discount on the upsell.
Image

​
FAQs

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.

​
Text

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.

​
Custom Code

You can create your own custom widget in React using components and hooks from Shopify’s Checkout UI Extension library. Important: This is recommended for advanced users only. Please ensure that your code must:
  • export default the component you want to render
  • not use DOM elements (div, p, etc.), use UI extension components instead
  • not import other code
If your custom code is not working, we recommend hiring a Shopify Expert to help implement this for you.

​
Important Information

  1. Any widgets added created in Aftersell need to be added to your Thank you page AND Order status page, or they will not load/show for your customers. Here are steps to add widgets to the required pages:
After creating the widgets, click on “Open Shopify Editor” to proceed. Image Add the Aftersell TY widgets in your Shopify Editor in two locations:
  • Thank you page
Image
  • Order status page
Image
  1. The branding settings automatically align with your Shopify checkout branding settings and cannot be customized within the Aftersell widgets.
3. These upsells will generate a second draft order, and currently, there is no option to merge them with the original order.
  1. 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.
  • Note that specific triggers will not also show in the preview, you have to set your trigger to show for all customers to be able to see it in the Shopify thank you page preview.

​
Common Errors and Troubleshooting

  • Widget Not Displaying: Ensure the widget is active and placed in the Shopify editor correctly. Verify that it is added to the correct sections (both Thank You Page and Order Status Page) in Aftersell and Shopify.