Articles on: Smart checkout

Display Product Recommendations on Thank You Page

Plans: All plans Platforms: All platforms


Overview


A cross-sell widget enables merchants to showcase related or complementary products to customers and boost sales. With AfterShip Personalization, you can easily create and customize these widgets and add them to different pages, including the thank you page. This article explains how to create a cross-sell widget on the thank you page and install it on Shopify.






What you’ll learn



Create a cross-sell widget for Thank you page


  1. Navigate to the Smart solutions in the AfterShip Personalization admin.
  2. Click Checkout and go to the Thank you page.
  3. To begin, click Create offer.



  1. The widget is created. Begin to customize.


Widget customization options and settings


Once the widget is created, you will see three tabs for customization, each with multiple options.


1. Settings


  1. Offer status: Change the status from Disabled to Enabled.
  2. Product recommendations: This section displays the complete list of active and inactive recommendations strategies you have created till now that are being used for different offers and widgets you have built for your store.


  • These strategies determine which products are going to be recommended in your widgets.
  • These pre-made/existing strategies are centralized on one dashboard and can be reused for different widgets.
  • Expand the dropdown to access the list of strategies or simply search the strategy you are looking for.
  • Select the strategy that best aligns with your current requirements for the thank you page.
  • Click Edit if you wish to set up a new strategy from scratch or modify the existing one. You will be taken to the Strategies dashboard where you can take the mentioned actions.


a. Strategy name: Start off by giving your strategy a name.

b. Pre-made rules: It consists of 14 pre-made rules or recommendation types which you can select from to show the type of product recommendations you want.

c. Custom rules: It allows you to add custom rules based on your requirements. The products that will meet those requirements will be shown in the widget you are setting up and applying the strategy to.

Learn more about custom rules.


d. Pinned product: It allows you to pin a product that you want to highlight and prioritize in product recommendations all the time.


e. Exclusions: You can exclude products from recommendations. Three options to choose from: Exclude products in customers’ cart, Exclude specific products, Exclude by tag, Exclude by collection, Exclude by purchase option, and Exclude by vendor.


Click here to know all the details


Please note that product exclusion and pinning are feasible depending on the recommendation type you've selected.


f. Product type: In this section, you can choose the type of product you would like to offer as product recommendations. The available options are One-time purchase only, Subscription only, Both ( One-time and subscription)


  • Offer promotion: In this section, you can enable and offer your customers discount offers on recommended products during checkout.
  • Click Save to let your changes come into effect.


Move back to the offer editor to complete the rest of the settings.


  1. Widget installation: Make sure you add our app (AfterShip Smart Offer) as a block in Shopify's checkout editor. Refer to the Installation section and click Learn more to access the step-by-step guide to add upsell offers to your store. You can also refer to our in-built installation guide from the top right corner.


2. Display


  1. Set how the offer section and section title will be displayed to your customers, including setting the border, radius, padding, and alignment.


  • Take the help of the in-built AI-model to come up with captivating titles.


  1. Decide the number of products you want displayed in the upsell offer by dragging the radio button across the bar.


  • Configure the display style of the recommended products for desktop and mobile.


  1. Configure whether the image source will be the original product or the product variant and simultaneously set its image radius, border, and aspect ratio.
  2. Decide what product information will be displayed and how it will be displayed under the Product info settings.


  • AfterShip Personalization has direct integration with AfterShip Reviews, Yotpo, Okendo, and Judge.me product reviews. Select the checkbox if you want to display product reviews via any one of these sources. You must install the aforementioned product review apps to display review ratings for your upsell products.


v) Set the primary button text to encourage customers to buy the recommended products.


3. Styles


  • The cross-sell widget will auto-sync with your Shopify store and match its theme.
  • You still have choices to adjust the colors and fonts of this widget.


Check your store after saving the edits.


Add the cross-sell widget on Shopify


  1. Go to Settings on the customization page.
  2. Ensure the status is changed to ‘Enable’ and click Save.
  3. Scroll to installation and click Copy ID. 
  4. Click and open the Shopify checkout editor.
  5. Go to Apps. Add the AfterShip Personalization Smart Offer app and paste the code.
  6. Click Save to apply the widget to your Thank You page. 







Refer to the Install Instructions on the top-right corner for quick widget installation.


Set up A/B Testing


A/B testing lets you show two different versions of product recommendations to customers. Half of your visitors see one version, and the other half see another. This helps you compare which version gets more sales or a higher order value. As you have already customized version A with the steps above, proceed with version B:


  1. Click Create A/B test.
  2. Choose how you want to create version B.



  1. Move the slider to set how often each version is shown.



  1. Customize widget version B accordingly. 
  2. Copy the code and install the widget on the Shopify store.


To get the detailed information on how to create A/B testing widgets, refer to this article.


Key takeaways


  • Create and customize a cross-sell widget for the Thank You page in AfterShip Personalization.
  • The widget offers multiple customization options, including settings, display, and styles.
  • An A/B test lets you compare two widget versions to see which performs better.


Updated on: 22/01/2026