Chatwoot te permite crear tipos de mensajes interactivos como tarjetas y formularios dentro de tu Chatwoot Web Widget usando las APIs.

Puedes crear estos mensajes usando la [API de Nuevo Mensaje](https://www.chatwoot.com/developers/api/#operation/create-a-new-message-in-a-conversation).

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFo0VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--96b01ab748cd2f96f0f3644c3a64d3a9325fb5d7/interactive%20messages.png)

## Ejemplos de Payload[**​**](https://www.chatwoot.com/docs/product/others/interactive-messages/#payload-samples "Direct link to heading")

Usa los siguientes ejemplos de payload como valores para crear varios mensajes interactivos.

### 1. Opciones[**​**](https://www.chatwoot.com/docs/product/others/interactive-messages/#1-options "Direct link to heading")

```
{
    "content": "Selecciona uno de los elementos de abajo",
    "content_type": "input_select",
    "content_attributes": {
        "items": [
            { "title": "Option1", "value": "Option 1" },
            { "title": "Option2", "value": "Option 2" }
        ]
    },
    "private":false
}
```

### 2. Formulario[​](https://www.chatwoot.com/docs/product/others/interactive-messages/#2-form "Direct link to heading")

```
{
  "content": "form",
  "content_type": "form",
  "content_attributes": {
    "items": [
      {
        "name": "email",
        "placeholder": "Por favor ingresa tu correo electrónico",
        "type": "email",
        "label": "Correo electrónico",
        "default": "xyc@xyc.com"
      },
      {
        "name": "text_aread",
        "placeholder": "Por favor ingresa texto",
        "type": "text_area",
        "label": "Texto largo",
        "default": "Texto de ejemplo"
      },
      {
        "name": "text",
        "placeholder": "Por favor ingresa texto",
        "type": "text",
        "label": "texto",
        "default": "entrada de ejemplo"
      },
      {
        "name": "select",
        "label": "Selecciona una opción",
        "type": "select",
        "options": [
          {
            "label": "🌯 Burito",
            "value": "Burito"
          },
          {
            "label": "🍝 Pasta",
            "value": "Pasta"
          }
        ]
      }
    ]
  },
  "private": false
}
```

### 3. Tarjetas[​](https://www.chatwoot.com/docs/product/others/interactive-messages/#3-cards "Direct link to heading")

```
{
   "content": "mensaje de tarjeta",
   "content_type":"cards",
   "content_attributes":{
      "items":[
         {
            "media_url":"https://assets.ajio.com/medias/sys_master/root/hdb/h9a/13582024212510/-1117Wx1400H-460345219-white-MODEL.jpg",
            "title":"Nike Shoes 2.0",
            "description":"Corriendo con Nike Shoe 2.0",
            "actions":[
               {
                  "type":"link",
                  "text":"Ver más",
                  "uri":"google.com"
               },
               {
                  "type":"postback",
                  "text":"Agregar al carrito",
                  "payload":"ITEM_SELECTED"
               }
            ]
         }
      ]
   },
   "private":false
}
```

### 4. Artículos[​](https://www.chatwoot.com/docs/product/others/interactive-messages/#4-articles "Direct link to heading")

```
{
    "content": "artículos",
    "content_type": "article",
    "content_attributes": {
        "items": [
            { "title": "Guía de inicio de API", "description": "Una guía aleatoria de inicio de API", "link": "http://google.com" },
            { "title": "Documentación de desarrollo", "description": "Documentación y guías de desarrollo", "link": "http://google.com" }
        ]
    },
    "private":false
}
```