> For the complete documentation index, see [llms.txt](https://docs.ownchat.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ownchat.app/bot/send-action/send-carousel-product.md).

# Send Carousel Product

{% embed url="<https://app.supademo.com/demo/cmm4lsw2u1qtddtfhthdvp5b7?utm_source=link>" %}

### **Overview**

The **Send Carousel Products** action allows you to send a scrollable horizontal list of products from your catalog within a bot flow.

Each product card automatically displays:

* Product image
* Product name

This action:

* Displays catalog products in a carousel format
* Provides an interactive shopping experience
* Automatically pulls product details from the catalog
* Automatically proceeds to the next connected node

### **Add a Send Carousel Products Action**

* Click **Add Node**

{% embed url="<https://app.supademo.com/demo/cmp2io0d902itur0ju6d2v2ef?utm_source=link>" %}

* Select **Send Action**
* Choose **Send Carousel Products**

{% embed url="<https://app.supademo.com/demo/cmp2isrc502j9ur0jdjrqzorm?utm_source=link>" %}

The configuration panel will open.

#### **1️⃣ Action Name**

The **Action Name** is used for internal reference.

* Helps identify the action within the flow
* Does not appear to customers

Examples:

* Eyewear Showcase
* Featured Collection

{% embed url="<https://app.supademo.com/demo/cmp2jojdk02hlwz0jiasdald7?utm_source=link>" %}

#### **2️⃣ Body Text**

The **Body Text** appears above the product carousel.

Use this field to introduce or describe the products being displayed.

**Character Limit**

* Maximum: **4096 characters**

{% embed url="<https://app.supademo.com/demo/cmp2jrald0292w80j9c1qvsqt?utm_source=link>" %}

**Dynamic Personalization**

**Add Variable**

* Click **Add Variable**

{% embed url="<https://app.supademo.com/demo/cmp2jvb9002a2yy0jd1h06hno?utm_source=link>" %}

* Select the required field from the dropdown
* The variable will be inserted automatically

Example:

Hi {{customer.name}}, explore our latest arrivals.

{% embed url="<https://app.supademo.com/demo/cmp2jwfyp004nxy0j3g8tnp1t?utm_source=link>" %}

**Text Formatting Options**

You can format text using the editor toolbar:

* **Bold**
* *Italic*
* ~~Strikethrough~~

Steps:

* Select the text
* Click the required formatting icon

**Emojis**

Click the **Emoji icon** to add emojis.

#### **3️⃣ Product Selection**

**Product Limit**

* Maximum **9 products** per carousel action

**Add Products**

* Click **Add Products**

{% embed url="<https://app.supademo.com/demo/cmp2jyeo90045wj0jbudwnlpw?utm_source=link>" %}

* Select products from your catalog

{% embed url="<https://app.supademo.com/demo/cmp2jzvpk004jwj0jjksycsq6?utm_source=link>" %}

The product details are automatically fetched from the synchronized catalog.

Each card automatically displays:

* Product Image
* Product Name

You cannot manually upload images in this action. Products must already exist in the catalog.

#### **Card Content Behavior**

* Product image is pulled from the catalog
* Product title is pulled from the catalog
* Any updates made in the catalog will automatically reflect in the carousel

### **Save and Deploy**

After completing configuration:

* Click **Create** to add the action to the flow

{% embed url="<https://app.supademo.com/demo/cmp2k11lv0050xy0jbtqiuty7?utm_source=link>" %}

* Connect the node appropriately
* Click **Publish** to deploy changes

### **Validation Before Publishing**

Before publishing:

* Ensure total selected products do not exceed 9
* Confirm products exist in the catalog
* Verify product details are correctly updated
* Test the flow to confirm proper carousel display