Como criar mensagens interativas?

O Chatwoot permite que você crie tipos de mensagens interativas como cards e formulários dentro do seu Chatwoot Web Widget usando as APIs.

Você pode criar essas mensagens usando a API de Nova Mensagem.

Exemplos de Payload​

Use os exemplos de payload abaixo como valores para criar várias mensagens interativas.

1. Opções​

{
    "content": "Selecione um dos itens abaixo",
    "content_type": "input_select",
    "content_attributes": {
        "items": [
            { "title": "Option1", "value": "Option 1" },
            { "title": "Option2", "value": "Option 2" }
        ]
    },
    "private":false
}

2. Formulário​

{
  "content": "formulário",
  "content_type": "form",
  "content_attributes": {
    "items": [
      {
        "name": "email",
        "placeholder": "Por favor, insira seu e-mail",
        "type": "email",
        "label": "E-mail",
        "default": "[email protected]"
      },
      {
        "name": "text_aread",
        "placeholder": "Por favor, insira o texto",
        "type": "text_area",
        "label": "Texto Grande",
        "default": "Texto de exemplo"
      },
      {
        "name": "text",
        "placeholder": "Por favor, insira o texto",
        "type": "text",
        "label": "texto",
        "default": "entrada de exemplo"
      },
      {
        "name": "select",
        "label": "Selecionar Opção",
        "type": "select",
        "options": [
          {
            "label": "🌯 Burito",
            "value": "Burito"
          },
          {
            "label": "🍝 Pasta",
            "value": "Pasta"
          }
        ]
      }
    ]
  },
  "private": false
}

3. Cards​

{
   "content": "mensagem de card",
   "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":"Correndo com Nike Shoe 2.0",
            "actions":[
               {
                  "type":"link",
                  "text":"Ver Mais",
                  "uri":"google.com"
               },
               {
                  "type":"postback",
                  "text":"Adicionar ao carrinho",
                  "payload":"ITEM_SELECTED"
               }
            ]
         }
      ]
   },
   "private":false
}

4. Artigos​

{
    "content": "artigos",
    "content_type": "article",
    "content_attributes": {
        "items": [
            { "title": "Guia inicial da API", "description": "Um guia inicial aleatório da API", "link": "http://google.com" },
            { "title": "Documentação de desenvolvimento", "description": "Documentação de desenvolvimento e diretrizes", "link": "http://google.com" }
        ]
    },
    "private":false
}