Desperte o interesse do seu cliente destacando o bot no seu site, utilizando ícones animados e atrativos.
As opções de personalização apresentadas neste artigo, estão disponíveis na opção "Personalizar" do menu principal de cada bot:
Veja abaixo as possibilidades de customizações disponíveis:
- GIF
Para utilizar um gif como avatar, acesse a aba "Animação" e na opção "Selecione a imagem para fazer a animação" faça o upload do seu gif:
- Dimensão da imagem
Utilize ícones do tamanho que desejar. Acesse a aba "Animação" e na opção "Selecione a imagem para fazer a animação" faça o upload da sua imagem. O ícone será disponibilizado no seu site, exatamente no tamanho da imagem que foi carregada.
- Fundo do ícone
Defina se seu ícone possuirá fundo ou não, acesse a aba "Animação" e habilite/desabilite a opção
Se você optar em incluir fundo para o seu ícone, você poderá: Definir uma cor para este fundo e o seu estilo (um fundo mais arredondado ou um fundo com uma forma quadrada).
- Mude de avatar ao passar o mouse sobre o ícone:
Para aplicar o efeito de mudança de avatar ao passar o mouse sobre o ícone, acesse a aba "Animação" e habilite a opção
Será disponibilizado um campo para upload da sua segunda imagem, onde é possível o carregamento dos seguintes formatos de imagem (PNG, GIF ou SVG).
- Posição do avatar na página:
Posicione o ícone do seu bot, sem conflitos com os elementos visuais já existentes no seu site. Acessando a aba "Animação", você encontrará duas opções para definir o seu posicionamento:
- Defina através de um posicionamento já predefinido: Escolha o desejado na opção "Selecione o lado que você queria que sua animação venha":
- Defina manualmente o posicionamento: Faça a manipulação através das opções "Margem horizontal do ícone" e "Margem vertical do ícone":
- Adicionar caixa de diálogo ao avatar:
Além da apresentação de um ícone animado, você pode adicionar uma frase para exibição em conjunto com sua animação. Para isso, acesse a aba "Animação" e habilite a opção
Nesta caixa de diálogo, você poderá:
- Escolher a cor de fundo desejada, através da opção "Cor do fundo da caixa";
- Deixar os cantos da caixa de diálogo arredondados, através da opção "Arredondamento dos cantos";
- Escolher qual será a cor do texto da sua mensagem, através da opção "Cor do texto";
- Escolher qual fonte o texto da sua mensagem terá, através da opção "Fonte do texto";
- Definir a frase deseja para a mensagem, através do campo "Mensagem da caixa".
- Layouts diferenciados entre Mobile e Desktop
Pensando na versatilidade de uso do seu bot, proporcionamos para a criação da sua animação dois modos: Mobile e Desktop. Com isso, seu bot terá o mesmo conteúdo, porém com um layout dedicado para cada dispositivo, evitando assim, impactos em sua visualização em conjunto com os demais elementos do seu site.
Para habilitar as áreas de customização Mobile e Desktop, acesse a aba "Animação" e certifique-se que a opção "Aplicar as mesmas configurações no Desktop e no Mobile" esteja desabilitada:
Ao desabilitar a mesma, perceba que o botão se transformará em dois botões: Mobile e Desktop. Liberando assim, a área de customização dedicada para cada opção.
ATENÇÃO: Mesmo desabilitando a opção "Aplicar as mesmas configurações no Desktop e no Mobile" você ainda pode importar as customizações realizadas no mobile para desktop ou desktop para mobile, promovendo assim, o reuso de configurações entre ambas. Para uso dessa funcionalidade, basta clicar na opção:
Na visão Mobile:
Na visão Desktop:
Após concluir todas as configurações para a sua animação, clique na opção "Próximo" para iniciar a personalização da interface da janela de conversa do bot.
OBS.: Se desejar apenas modificar sua animação, sem modificar as customizações já existente no seu bot, clique na opção "Salvar Alterações".