Display Product Recommendations on Customer Account Pages
Plans: All Plans Platforms: Shopify
Adding relevant product recommendations on your customer account pages, specifically order history and status pages, is a smart way to increase average order value and post-purchase experience. With AfterShip Personalization, you can set up, customize, and personalize cross-sell and upsell offers in one place with advanced capabilities and premium features.
This guide will walk you through each step on how you can start displaying product recommendations on your store’s customer account pages.
In this article, we will show you:
Steps to set up product recommendations on customer accounts pages
Product recommendations widget installation on customer account pages
Troubleshooting Tips
FAQs
Key takeaways
Appendix
Additional resources
Go to Smart checkout > Customer account pages in your AfterShip Personalization admin
If you've not installed the AfterShip Personalization application on Shopify, check this guide for step-by-step instructions.
Click Create offer.
Select the offer type from the available options. These options are indicative of the specific customer account pages where you want to showcase the product recommendations. You can choose to display product recommendations on
a. Order index page: This is where customers review their past orders.
b. Order status page: This is where customers check the current status of their orders.
Once the offer type is selected, click Create to open the product recommendations editor to set up the offer.
i) Offer status: Change the status from Disabled to Enabled.
ii) Recommendation rules: Under this setting, you can recommend the products based on certain rules, which include:
Pre-made rules: It consists of 10 pre-made rules or recommendation types which you can select from.
Custom rules: It allows you to add custom rules based on your requirements. Learn more about custom rules.
iii) Pinned product: It allows you to pin a product that you want to highlight and prioritise in product recommendations all the time.
iv) Exclusions: You can exclude products from recommendations. To exclude products from being recommended, you can select one of the three options:
Exclude products in the customers’ cart
Exclude specific products
Exclude by tag
Exclude by collection
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.
v) 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.
Make sure you add our app 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 the upsell offers to your store. You can also refer to our in-built installation guide from the top right corner.
i) 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.
ii) 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.
iii) Configure whether the image source will be the original product or the product variant and simultaneously set its image radius, border, and aspect ratio.
iv) 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.
Under the style settings, change how the upsell offer section will look to the customers and make it brand-consistent.
The section will automatically sync with your Shopify store and match its theme. With extensive customization options, you can adjust the section's colors and fonts according to your reference.
Verify the widget is enabled in the offer widget settings.
Ensure if the App block is correctly installed via the Shopify checkout editor.
Try reinstalling the widget following the in-built widget installation guide.
Check the recommendation rules to ensure they are properly defined.
Review any exclusions or filters (tags, vendors, collections) that may be too restrictive.
Confirm product availability or visibility in Shopify admin.
Use the Style tab to adjust padding, border radius, fonts, and alignment.
Preview changes before publishing to ensure consistency.
If issues persist, contact AfterShip support for CSS customization help.
Ensure that the selected review source is accurately installed and synced.
Confirm that the product has reviews in the selected review app.
Refresh the cache or re-save the widget settings.
You can customize the number of recommended products by dragging the product count slider under Product layout section in the Display settings. The layout will adjust accordingly on desktop and mobile.
Absolutely. AfterShip Personalization integrates directly with Yotpo, Judge.me, Okendo, and AfterShip Reviews. Just make sure the review app is installed and selected as the source in the Product Info section.
The upsell section automatically syncs with your Shopify store theme, but you can fine-tune it using the Style tab for colors and fonts for the different elements of the widget.
You can enable Offer promotion to provide custom discounts on upsell products displayed on the customer account pages.
AfterShip Personalization helps recommend products on the Shopify order history and status to increase conversions and cart value.
Go to Smart checkout, Checkout page section in the AfterShip Personalization admin to create a product recommendation widget.
Choose from pre-made or custom rules, and optionally pin products or exclude certain items from being recommended.
Configure recommendations for one-time, subscription, or both purchase types, and enable discount offers to encourage customers to add the recommended products to the cart.
Add the widget block and the associated widget ID via Shopify’s checkout editor to the desired customer account page —a must step to display the personalization offer.
Customize layout, number of products, product info, and variant behavior (e.g., Smart match or First available).
Match the upsell or cross-sell section with your Shopify store’s branding using customizable color, font, and layout options.
Customer account pages: These are the sections of a Shopify store where logged-in customers can view personal order details, including Order Index Page and Order Status Page.
Order index page: A page listing all past orders made by the customer. Product recommendations here aim to encourage repeat or complementary purchases.
Order status page: The page customers visit to track the progress of a recent order. The order status page is often accessed by customers via post-purchase emails or tracking links.
Connect your Shopify store with AfterShip Reviews
How to Set up Custom Recommendations Rules
Learn About Different Product Recommendation Types
In case you need any further assistance, please contact our support team.
Overview
Adding relevant product recommendations on your customer account pages, specifically order history and status pages, is a smart way to increase average order value and post-purchase experience. With AfterShip Personalization, you can set up, customize, and personalize cross-sell and upsell offers in one place with advanced capabilities and premium features.
This guide will walk you through each step on how you can start displaying product recommendations on your store’s customer account pages.
What you’ll learn
In this article, we will show you:
Steps to set up product recommendations on customer accounts pages
Product recommendations widget installation on customer account pages
Troubleshooting Tips
FAQs
Key takeaways
Appendix
Additional resources
Set up product recommendation offers customer account pages
Go to Smart checkout > Customer account pages in your AfterShip Personalization admin
If you've not installed the AfterShip Personalization application on Shopify, check this guide for step-by-step instructions.
Click Create offer.
Select the offer type from the available options. These options are indicative of the specific customer account pages where you want to showcase the product recommendations. You can choose to display product recommendations on
a. Order index page: This is where customers review their past orders.
b. Order status page: This is where customers check the current status of their orders.
Once the offer type is selected, click Create to open the product recommendations editor to set up the offer.
1. Settings
i) Offer status: Change the status from Disabled to Enabled.
ii) Recommendation rules: Under this setting, you can recommend the products based on certain rules, which include:
Pre-made rules: It consists of 10 pre-made rules or recommendation types which you can select from.
Custom rules: It allows you to add custom rules based on your requirements. Learn more about custom rules.
iii) Pinned product: It allows you to pin a product that you want to highlight and prioritise in product recommendations all the time.
iv) Exclusions: You can exclude products from recommendations. To exclude products from being recommended, you can select one of the three options:
Exclude products in the customers’ cart
Exclude specific products
Exclude by tag
Exclude by collection
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.
v) 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.
Widget installation
Make sure you add our app 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 the upsell offers to your store. You can also refer to our in-built installation guide from the top right corner.
1. Order status
2. Order index
2. Display
i) 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.
ii) 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.
iii) Configure whether the image source will be the original product or the product variant and simultaneously set its image radius, border, and aspect ratio.
iv) 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. Style
Under the style settings, change how the upsell offer section will look to the customers and make it brand-consistent.
The section will automatically sync with your Shopify store and match its theme. With extensive customization options, you can adjust the section's colors and fonts according to your reference.
Troubleshooting Tips
Issue: Widget not showing on the order status or index page
Verify the widget is enabled in the offer widget settings.
Ensure if the App block is correctly installed via the Shopify checkout editor.
Try reinstalling the widget following the in-built widget installation guide.
Issue: Products are showing incorrectly or not updating
Check the recommendation rules to ensure they are properly defined.
Review any exclusions or filters (tags, vendors, collections) that may be too restrictive.
Confirm product availability or visibility in Shopify admin.
Issue: Styling looks broken or inconsistent with my theme
Use the Style tab to adjust padding, border radius, fonts, and alignment.
Preview changes before publishing to ensure consistency.
If issues persist, contact AfterShip support for CSS customization help.
Issue: Star ratings or reviews not showing up
Ensure that the selected review source is accurately installed and synced.
Confirm that the product has reviews in the selected review app.
Refresh the cache or re-save the widget settings.
FAQs
1. How many products can I show in the recommendation block?
You can customize the number of recommended products by dragging the product count slider under Product layout section in the Display settings. The layout will adjust accordingly on desktop and mobile.
2. Can I display star ratings from third-party review apps on upsell and cross-sell widgets?
Absolutely. AfterShip Personalization integrates directly with Yotpo, Judge.me, Okendo, and AfterShip Reviews. Just make sure the review app is installed and selected as the source in the Product Info section.
3. Will my recommendations automatically match my store’s branding?
The upsell section automatically syncs with your Shopify store theme, but you can fine-tune it using the Style tab for colors and fonts for the different elements of the widget.
4. Can I offer discounts on the recommended products?
You can enable Offer promotion to provide custom discounts on upsell products displayed on the customer account pages.
Key takeaways
AfterShip Personalization helps recommend products on the Shopify order history and status to increase conversions and cart value.
Go to Smart checkout, Checkout page section in the AfterShip Personalization admin to create a product recommendation widget.
Choose from pre-made or custom rules, and optionally pin products or exclude certain items from being recommended.
Configure recommendations for one-time, subscription, or both purchase types, and enable discount offers to encourage customers to add the recommended products to the cart.
Add the widget block and the associated widget ID via Shopify’s checkout editor to the desired customer account page —a must step to display the personalization offer.
Customize layout, number of products, product info, and variant behavior (e.g., Smart match or First available).
Match the upsell or cross-sell section with your Shopify store’s branding using customizable color, font, and layout options.
Appendix
Customer account pages: These are the sections of a Shopify store where logged-in customers can view personal order details, including Order Index Page and Order Status Page.
Order index page: A page listing all past orders made by the customer. Product recommendations here aim to encourage repeat or complementary purchases.
Order status page: The page customers visit to track the progress of a recent order. The order status page is often accessed by customers via post-purchase emails or tracking links.
Additional resources
Connect your Shopify store with AfterShip Reviews
How to Set up Custom Recommendations Rules
Learn About Different Product Recommendation Types
In case you need any further assistance, please contact our support team.
Updated on: 09/05/2025
Thank you!