Como criar mensagens interativas?
Mensagens Interativas no FalAIChat
O FalAIChat permite que você crie mensagens interativas como cartões, formulários e opções de seleção dentro do Web
Widget utilizando as APIs.
Esses tipos de mensagens podem ser criados com a New Message API.
Exemplos de Payloads
Abaixo, você encontra exemplos de payloads que podem ser usados para criar diferentes tipos de mensagens interativas no
FalAIChat.
1️⃣ Opções de Seleção
jsonCopyEdit{
"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
}
2️⃣ Formulário
jsonCopyEdit{
"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
}
3️⃣ Cartões
jsonCopyEdit{
"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
}
4️⃣ Artigos
jsonCopyEdit{
"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
}
🚀 Com essas mensagens interativas, seu atendimento no FalAIChat será ainda mais eficiente e dinâmico! 🎉