Como gerar conteúdo criativo a partir da plataforma?
A plataforma Botmaker segue agregando funcionalidades para otimizar a comunicação com usuários/clientes e, dessa forma, obter melhores resultados. Sendo assim, você passa a poder gerar imagens e PDFs a partir de um HTML como template, que se completa com as variáveis da conversa.
Leitura estimada: 06 minutos
DeMenu> Chatbots, na intenção que desejar, você pode adicionar a ação modelo de renderização para criar imagens e PDFs a partir de um modelo HTML.
Você pode gerar o documento ou a imagem no momento da plataforma, completando com variáveis da conversa que serão retiradas do bot. Para isso, é necessário incluir um template HTML e substituir valores em determinados locais por variáveis que estão no bot.
Da mesma forma, uma consideração importante é que esse conteúdo seja gerado no momento em que o usuário está falando e solicitando aquela informação (certificado, recibo, recibo) e seja enviado em tempo real através do canal em que a conversa está ocorrendo. (Exemplo :WhatsApp, WebChat).
Exemplo de geração de PDF
Código HTML
<DOCTYPEhtml>
<html lang="pt">
<cabeça>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content=“IE=edge”>
<meta name="viewport" content="largura=largura do dispositivo, escala inicial=1,0">
<title>Botmaker - Modelo multimídia</title>
</head>
<corpo>
<h1>Exemplo de modelo multimídia</h1>
</body>
<html>
Na UI do template multimídia, você verá um campo denominado “Tipo de documento”, onde deverá informar o tipo de arquivo a ser gerado (pdf/jpg/png). Então, você deve preencher estes dois campos:
- Modelo HTML : preencha esse campo com o código HTML
- var link cdn : complete com a variável onde será salvo o arquivo gerado
Exemplo de geração de imagem
\
Código HTML
<DOCTYPEhtml>
<html lang="pt">
<cabeça>
<meta charset="UTF-8">
<meta http-equiv=“Compatível com X-UA”; content=“IE=borda”>
<meta name="viewport" content="largura=largura do dispositivo, escala inicial=1,0">
<title>Botmaker - Modelo multimídia</title>
</head>
<corpo>
<h1>Exemplo de modelo multimídia</h1>
</body>
</html>
Quais são as vantagens desta funcionalidade?
A ação modelo de renderização oferece muitas possibilidades em situações onde é necessária a geração de documentos para o cliente/usuário, por exemplo:
- Faça um recebimento automático no fechamento de uma compra online, como no caso dos bots que geram transações (recibos, documentos que são gerados no processo).
- Gerar certificados com código QR. Abaixo, você verá um exemplo de código HTML válido para ambos formatos de documentos e formatos de imagem :
Código HTML
<!DOCTYPEhtml>
<html lang="pt">
<cabeça>
<meta conjunto de caracteres=“UTF-8”>
<meta http-equiv="X-UA-Compatible" content=“IE=edge”>
<meta name="viewport" content="largura=largura do dispositivo, escala inicial=1,0">
<title>Botmaker - Modelo multimídia</title>
<cabeça>
<corpo>
<h1> Exemplo de modelo multimídia</h1>
<img src="https://cdn.eslkidsgames.com/wp-content/uploads/2020/10/QR-Code-Roleplay-Card-Example.png" alt=" ">
![https://cdn.eslkidsgames.com/wp-content/uploads/2020/10/QR-Code-Roleplay-Card-Example.png"](https://cdn.eslkidsgames.com/wp-content/uploads/2020/10/QR-Code-Roleplay-Card-Example.png"){kind=link}
</body>
</html>
Você só precisa fazer o layout de um HTML com sua equipe de design e incluí-lo na plataforma para que você possa utilizá-lo quando necessário. Assim, o documento ou imagem é criado com as informações que seu cliente compartilha dentro da conversa e/ou com dados de integrações via API.
Otimize e gerencie de forma eficaz suas comunicações na plataforma e em tempo real com esta nova funcionalidade!
Lembre-se de visitar nosso Centro de ajuda para maior informação.
Escrito por: Equipe Botmaker
Atualizado: 01/04/2024