O Chatwoot permite que você crie tipos de mensagens interativas, como cartões e formulários, dentro do seu Chatwoot Web Widget usando as APIs.
Você pode criar essas mensagens utilizando a New Message API.
Exemplos de Payloads #
Use os exemplos de payload abaixo como valores para criar diferentes tipos de mensagens interativas.
- Opções
{
"content": "Selecione um dos itens abaixo",
"content_type": "input_select",
"content_attributes": {
"items": [
{ "title": "Opção1", "value": "Opção 1" },
{ "title": "Opção2", "value": "Opção 2" }
]
},
"private": false
}
- Formulário
{
"content": "formulário",
"content_type": "form",
"content_attributes": {
"items": [
{
"name": "email",
"placeholder": "Por favor, insira seu email",
"type": "email",
"label": "Email",
"default": "xyc@xyc.com"
},
{
"name": "text_area",
"placeholder": "Por favor, insira o texto",
"type": "text_area",
"label": "Texto Longo",
"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": "🌯 Burrito",
"value": "Burrito"
},
{
"label": "🍝 Macarrão",
"value": "Macarrão"
}
]
}
]
},
"private": false
}
- Cartões
{
"content": "mensagem de cartão",
"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":"Tênis Nike 2.0",
"description":"Correndo com o Tênis Nike 2.0",
"actions":[
{
"type":"link",
"text":"Ver Mais",
"uri":"google.com"
},
{
"type":"postback",
"text":"Adicionar ao carrinho",
"payload":"ITEM_SELECIONADO"
}
]
}
]
},
"private":false
}
- Artigos
{
"content": "artigos",
"content_type": "article",
"content_attributes": {
"items": [
{ "title": "Guia inicial da API", "description": "Um guia de início rápido para API", "link": "http://google.com" },
{ "title": "Documentos de desenvolvimento", "description": "Documentação e diretrizes de desenvolvimento", "link": "http://google.com" }
]
},
"private": false
}
