# Send Products

> **Who can use this Card?**
>
> * Gallabox Users having permission to either build and deploy bots or manage bots.
> * Available on all Paid Plans.

## Overview

You can use the Send Products card to share a **specific product** from your catalogue with your customers. 

<figure><img src="/files/rw0jHGY7oGOLAaUweI42" alt=""><figcaption><p>Sending Products in a chat-flow</p></figcaption></figure>

{% hint style="info" %}
Make sure the catalog is set-up in Gallabox before you use this card.
{% endhint %}

### Message

It is a space to provide detailed information regarding the product(s), features, benefits, or any other relevant information.

<figure><img src="/files/vYhdrd6NjQcZCeYI1KRq" alt=""><figcaption></figcaption></figure>

### **Use Variables**

Use them to add already collected data from your customers to the messages.

Just click on "**Add Variables**" to open up a dropdown with all the available fields. Just a quick tip – make sure the variable you choose actually has some data in it, or it won't show up as intended!

<figure><img src="/files/Y7Y2GlVxhdobcryUbkTh" alt=""><figcaption></figcaption></figure>

### **Bold**

Select the text you want to **bold** and click on the "**B**" below the text area to make it bold. The text will be enclosed within two asterisk (\*).&#x20;

<figure><img src="/files/fDTkJ9tBwm97ITeX6G0f" alt=""><figcaption></figcaption></figure>

### **Italic**

Select the text you want to make *italic* and click on the "*I"* below the text area to make it italic. The text will be enclosed within underscore (\_).&#x20;

<figure><img src="/files/GTK15ADud1lJIp2vkTD5" alt=""><figcaption></figcaption></figure>

### **Strikethrough**

Select the text you want to ~~strikethrough~~ and click on the "~~s~~*"* below the text area to make strikethrough. The text will be enclosed within Tilde (\~).&#x20;

<figure><img src="/files/az4ySfZySR6usHR16Syt" alt=""><figcaption></figcaption></figure>

### Catalogue

Select the catalogue from which the products is to be listed. If you haven't connected your catalogue yet with Gallabox, [click here](https://app.gallabox.com/facebook-catalogs/catalogs).&#x20;

<figure><img src="/files/CfZvnpeGWbgCnGdwSo8O" alt=""><figcaption></figcaption></figure>

### Products Type

You have two options to choose the products from - **Static Products** and **Dynamic Products**.&#x20;

#### 1. Static Products

From the drop-down, you have to select the products you would like to showcase from the catalog you connected to Gallabox. Incase you select more than one product to showcase, you will have to edit the **Header** too.&#x20;

<figure><img src="/files/7RvePnVpngORJJi6D2BF" alt=""><figcaption></figcaption></figure>

#### 2. Dynamic Products

If you want to send some selected items to your customers dynamically, use the dynamic option. The values can be accessed using [API Call](/bots/bot-connectors/connect-your-system-with-the-whatsapp-chat-bot-using-api.md).&#x20;

* **Variable to iterate**: Add the name of the variable here (the variable you stored the Response in the API Call Connector).&#x20;
* **Path to ID**: Add the path from your internal database in curly brackets `{{}}`**.**

For instance, below is an example of JSON response you get from your API:

```
{
  "product_data": [
    {
      "sku_id": 1006,
      "name": "Idli"
    },
    {
      "sku_id": 1003,
      "name": "Buttermilk"
    },
    {
      "sku_id": 1030,
      "name": "Rosemilk"
    }
  ]
}
```

For the above response, the **Path to ID** will be **{{sku\_id}}** and the **Variable to iterate** will be the one in which the API response is stored. Check your API Call node for the variable and use the variable here.&#x20;

{% hint style="warning" %}
Make sure your value for **Path to Id** and the **Retainer ID** in your catalog connected to Gallabox is same for the products to lessen the chance of error.&#x20;
{% endhint %}

<figure><img src="/files/WGulBLRkliy3T9hUnM3P" alt=""><figcaption></figcaption></figure>

#### Dynamic Options with sections

This feature lets you send a selected group of product items to your customers, arranged in sections, and dynamically created from a JSON/API response stored in your variable.

For instance, below is an example of JSON response you get from your API:

```
{
  "itinerary": [
    {
      "day": "Day 1",
      "activities": [
        {
          "activity_id": "act001",
          "name": "Visit the Colosseum",
          "description": "Explore the iconic Roman amphitheatre"
        },
        {
          "activity_id": "act002",
          "description": "Enjoy a traditional Roman pizza lunch"
        },
        {
          "activity_id": "act003",
          "name": "Stroll through the Trevi Fountain",
          "description": "Toss a coin and make a wish!"
        }
      ]
    },
    {
      "day": "Day 2",
      "activities": [
        {
          "activity_id": "act004",
          "name": "Explore the Vatican Museums",
          "description": "See incredible art and historical artifacts"
        },
        {
          "activity_id": "act005",
          "name": "St. Peter's Basilica",
          "description": "Visit the largest church in Christianity"
        }
      ]
    }
  ]
}
```

For the above response,

<table><thead><tr><th width="308">Section Field</th><th>Value from the example code</th></tr></thead><tbody><tr><td>Variable to iterate</td><td>will be a variable in which the list of sections are stored.</td></tr><tr><td>JSONPath for the section title</td><td><code>{{day}}</code></td></tr><tr><td>JSONPath for the section products</td><td><code>{{activities}}</code></td></tr><tr><td> JSONPath for the product ID</td><td><code>{{activity_id}}</code></td></tr></tbody></table>

This example demonstrates how to structure your JSON (stored in a variable) to the required format of "Dynamic Options with sections" using JSONPath. Ensure that the selected variable contains the data in an array format representing the product sections.

### **Footer**

A footer, found at the bottom of a message, typically includes the following information:

* The sender's name and contact details.
* Instructions for opting out of future messages.
* A disclaimer or copyright notice.
* Links to the sender's website or social media profiles.

<figure><img src="/files/ExQL2uc2k6PqYVN3wGNh" alt=""><figcaption></figcaption></figure>

### **Duplicate/Delete/Edit Send Product Card**

When hovering over the card, you'll see the option to **duplicate** the card, a **pencil** to edit the block, and a "**x**" to delete the card.&#x20;

<figure><img src="/files/fdB8h0E3tfyZlnwh3yfo" alt=""><figcaption></figcaption></figure>

Here is how **Send Product card** looks on WhatsApp:

<figure><img src="/files/1Pli2jYrpYrQeXllZ0fC" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.gallabox.com/bots/send-card/send-products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.