¿Cómo crear mensajes interactivos?

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.

Ejemplos de Payload​

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

1. Opciones​

{
    "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​

{
  "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​

{
   "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​

{
    "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
}