Cross-selling and upselling

Cross-selling and upselling are sales techniques designed to encourage customers to purchase additional or higher-priced products and services from your Catalog.

Cross-selling

Cross-selling can be achieved by suggesting optional products when items are added to the cart or by recommending accessory products on the checkout page.

Optional products

Optional products are suggested when the customer selects a product and clicks Add to cart.

To enable optional products, go to Website ‣ eCommerce ‣ Products, select a product, go to the Sales tab, and enter the products you wish to feature in the Optional Products field.

screenshot: ecommerce-cross-upselling-add-to-cart
menu
(website) ‣ Shop ‣ (product) ‣ Add to Cart
shows
The Add to Cart pop-up window showing the optional products suggested with the product.
highlight
The optional products (red frame).
data
One product with two optional products.
module
website_sale
notes
English UI, light theme, 1440px width.

Accessory products

Accessory products are showcased in the Suggested Accessories section during the Review Order step, just before proceeding to checkout.

To enable accessory products, go to Website ‣ eCommerce ‣ Products, select a product, go to the Sales tab, and enter the products you wish to feature in the Accessory Products field.

screenshot: ecommerce-cross-upselling-accessory-products
menu
(website) ‣ Cart
shows
The cart review page with the suggested accessory products listed under the cart lines.
highlight
The suggested accessories (red frame).
data
One product with two accessories.
module
website_sale
notes
English UI, light theme, 1440px width.

Upselling

You can display alternative products at the bottom of the product page as an upselling technique, encouraging customers to consider a more expensive variant or product than their initial choice by presenting appealing alternatives.

screenshot: ecommerce-cross-upselling-cross-upselling-alternative
menu
(website) ‣ Shop ‣ (product)
shows
A product page with the alternative products carousel shown below the product description.
highlight
The alternative products carousel (red frame).
data
One product with three alternatives.
module
website_sale
notes
English UI, light theme, 1440px width.

To enable alternative products, navigate to Website ‣ eCommerce ‣ Products, select the desired product, and go to the Sales tab. In the Alternative Products field, add the products you want to feature.

Click Go to Website to view the alternative products displayed at the bottom of the product page.

To adjust the settings, click Edit and select the related building block. In the Customize tab, scroll to the Alternative Products section and modify the settings as needed to tailor the display to your preferences.