[New UI] How to display Cross Sell on Checkout page with Extensibility Checkout enabled?
Yes, Cross Sell now supports Global Checkout Products Cross Sells displaying on the Checkout page! *
*This feature is available on the Small Store Plan or higher with a Shopify plus plan.
Before the Cross Sells are displayed on the checkout page, make sure that Extensibility Checkout has been upgraded in your shopify settings. See article HERE.
After that, there are 2 steps to make. One in your shopify store and the other in Cross Sell & Upsell app.
It is recommended to start with setting up the cross sell app.
To activate this feature in Cross Sell & Upsell:
- From the dashboard click on "Assign" tab and scroll down to the Checkout Page section and enable the options for Cross Sells and Upsells and click on "Assign" button to assign cross sells.
- There are 2 ways in which you can choose which cross sells to display.
a) Use Global Checkout Products.
b) Use Cross Sells of last Item added to cart.
Use Global Checkout Products.
When you select this option, you will click on the "Assign Global Checkout" button to assign the products that you prefer. Cross Sells selected here will be displayed on the checkout page every time regardless of the products added to cart.
Use Cross Sells of last Item added to cart
When you select this option, under the "Handpicked Cross Sells" section you will click on the "Assign Product" button and assign the products that you prefer. Cross Sells selected here will be displayed on the checkout page but will depend on the Cross Sells assigned to the last item that was added to cart.
PS. If the last item added to cart has no cross sells assigned to it then no cross sells will be displayed on the check out page.
Steps to take in your Shopify store:
From your themes section, click on the "Customize" button for your live theme.
After that select "Checkout and new customer accounts" from the dropdown menu at the top.
After that you will be redirected to the checkout template editor where you will click on the "Add app block" under the order summary section.
Select the cross sell widget from the pop-up.
You will be redirected to the Checkout page and this is how the cross sells will look like on the Checkout page:
Questions? Problems? Get in touch