Skip to main content
All CollectionsSmart CartGetting Started
In-Cart Product Recommendations (Cross-Sell Widgets)
In-Cart Product Recommendations (Cross-Sell Widgets)

Learn how to build and install In-Cart Product Recommendations in your Smart Cart with Cross-Sell Widgets

Christian Sokolowski avatar
Written by Christian Sokolowski
Updated over 4 months ago

What are In-Cart Product Recommendations?

In-cart product recommendations are personalized product suggestions that are displayed within the Smart Cart. Each recommendation is unique based on customer journey and data source configurations.

Why are they useful?

Their purpose is to entice shoppers to purchase more items by recommending products based on the items they have already added to their cart. In-cart product recommendations can help enhance the shopping experience for customers and potentially increase the average order value.


Building and Enabling In-Cart Recommendations

(Cross-Sell Widgets)

Building the Cross-Sell Widget

To get build an in cart cross-sell widget follow these steps:

  1. Navigate to the Smart Cart settings.

  2. Click "Add Component."

  3. Select "Cross Sell Widget."

  4. A cross sell widget block will be added to the cart where you selected to add the component. Don't worry; you can move it later if needed.

  5. If you have a widget already created, select it to assign. If not, click "Create Cross-Sell Widget."

  6. Name your widget, then click "Submit."

  7. Your widget will now be ready to go with the default template. By default, the widget will display the recommended AI whenever there is anything in the cart, but you can modify the rules for the widget's data source to display different products based on your preferences and customer behavior.

  8. If you are satisfied with the default configuration for the recommended AI and wish to enable the widget. Simply save your Smart Cart settings and confirm them to activate the cross sell widget.

It's worth noting that you can create multiple widgets and enable or disable them as needed. If you want to easily differentiate between them, it's a good idea to give them specific names that describe their purpose or the type of products they feature.


Customizing the Widget

If you would like to edit the widget, you can simply click 'edit widget' within the Smart Cart Cross-Sell Widget settings. Alternatively, you can go to the widgets page and find the widget you wish to modify.

After accessing the widget settings page, you have the flexibility to modify various aspects of the widget, including its name, the product types it displays, available discounts, timers, layout, styles, data sources, and other features.

From this page, you can also access the data source that powers your widget. This enables you to adjust the rules governing what items to present and when to show them.


Switching Widgets or Priority of the Widgets

If you have several in-cart recommendation widgets, you can toggle them on and off at your discretion. Additionally, if you have multiple enabled, you can prioritize them according to your preference.

To disable a "Cross Sell Widget," follow these steps:

  1. Navigate to the Smart Cart settings.

  2. Find the section where the Cross Sell Widget is located.

  3. Click on the 'Hide Widget' eye.

  4. This action will disable the Cross Sell Widget from appearing on the cart.

  5. Save your settings to confirm the changes.


Here are the steps to prioritize the Cross Sell Widget in the Smart Cart:

  1. Navigate to the Smart Cart settings.

  2. Locate the section where the Cross Sell Widget is positioned.

  3. Click and drag the widget to the desired location if you wish to prioritize it.

  4. After arranging the widgets as desired, save your settings to confirm the changes.

To delete a "Cross Sell Widget," follow these steps:

  1. Navigate to the Smart Cart settings.

  2. Find the section where the Cross Sell Widget is located.

  3. Click on the 'trash' icon.

  4. This action will remove the Cross Sell Widget from the cart.

  5. Save your settings to confirm the changes.


Example

Here is a quick example of a live Smart Cart:


If you have any questions, send us those questions through the messenger on this page with your details in hand!

Did this answer your question?