---
title: Product
slug: product
description: Find out about the ongoing developments and progress of this document, as it undergoes active revisions. Stay tuned for updates on this work-in-progress.
docTags: 
createdAt: 2021-01-19T16:43:36.000Z
---

The product element is designed to create cross-sell and upsell opportunities within widgets. It allows showcasing specific products dynamically or manually, enhancing sales potential and product discovery on e-commerce platforms.

## Settings

**Source**
Defines how products are selected for display:

- *Manual* – manually choose products.
- *Rules* – select a rule set set to dynamically display products based on predefined conditions.
- *Cart items* – display the items currently in the visitor's cart.
- *Recommended products* – display system-recommended products based on cart content or the current page product (Shopify only).

**Rule set**
Appears when *Rules* is selected as the source. Allows selection of a specific rule set.

**Reference**
Defines the reference product for dynamic product selection:

- *Items in cart* – use the products in the cart as the reference.
- *Just added an item* – use the item just added to the cart as reference (works only for cart add trigger).
- *Current page product* – use product from the current page as the reference (works for product pages only).

**Intent** (only for *Recommended products*)
Specifies the recommendation logic:

- *Related* – shows products similar to the reference product(s).
- *Complementary* – shows products that complement the reference product(s).

**Products nr.**
Sets the number of products to display.

**Exclude  in-cart**
Toggles the exclusion of products already in the cart (available for *Rules* source).

**Exclude sold out**
Toggles the exclusion of out-of-stock products (available for *Rules* source).

**Shuffle**
Randomizes the order of displayed products.

**Swiper**
Enables a swiper/slider view to browse multiple products in the widget.

**Properties**
Allows adding custom product properties or attributes for additional product details.

## Notes

- The available settings adjust dynamically based on the *Source* selection.
- *Recommended products* include additional *Reference* and *Intent* options that allow fine-tuning of the recommendation logic.
- When *Rules* is selected, additional options like *Rule set*, *Excl. in-cart*, and *Excl. sold out,* become available.

## Interaction

**CTA - Cart action**

This setting allows configuring what action will be executed upon the product card's call-to-action click. The available options are:

- Add - will add the product to the cart
- Replace - will replace the just-added product (used for true upsell experiences and only available for Shopify)
- Go to product - will redirect the visitor to the product's page
- Buy now 

The product element is interactive and runs actions upon the cart action execution. For details on interaction settings, see the [interactions article](docId\:GiKD86hGqVR22q7p4hUL2).