Fala galera, tudo certo?
Em alguns estudos que realizei, descobri uma maneira de criar um call-to-action dentro do builder sem precisar de um template. Esse call-to-action funciona tanto no WhatsApp quanto no Webchat.
Vamos então ao tutorial:
Primeiro criamos dois scripts:
- O primeiro para o MIME type do conteúdo. Esse script é para modificar o tipo de conteúdo do bot caso seja WhatsApp ou Webchat. Logo abaixo vemos o código, variável de entrada e retorno.
function run(canal) {
let whats = "application/json";
let blip = "application/vnd.lime.collection+json";
let typeMimeCarousel = canal == "WhatsApp" ? whats : blip;
return typeMimeCarousel;
}O segundo código é o call-to-action em sí. Abaixo, o código variável de entrada e retorno.
function run(canal) {
let menuWhats = {
"type": "interactive",
"interactive": {
"type": "cta_url",
/* Header é opcional
"header": {
"type": "text",
"text": "Teste header"
},*/
"body": {
"text": `Você também pode emitir no aplicativo, na opção *"Boletos e Faturas".* 📲`
},
/* footer é opcional
"footer": {
"text": "Test footer"
},*/
"action": {
"name": "cta_url",
"parameters": {
"display_text": "Baixar o app",
"url": "https://www.unimedpoa.com.br"
}
}
}
};
let menuBlip = {
"itemType": "application/vnd.lime.document-select+json",
"items": ,
{
"header": {
"type": "application/vnd.lime.media-link+json",
"value": {
"title": "",
"text": `Você também pode emitir no aplicativo, na opção <b>"Boletos e Faturas".</b> 📲`,
}
},
"options": r
{
"label": {
"type": "application/vnd.lime.web-link+json",
"value": {
"title": "Baixar o app",
"uri": "https://www.unimedpoa.com.br",
}
}
}
]
}
]
};
let message = canal == "WhatsApp" ? menuWhats : menuBlip;
return message;
}Note que os campos header e footer são opcionais.
- E por fim o resultado:
Resultado no WhatsApp:
Resultado no Webchat:
É isso espero ter ajudado.
!-->