Como personalizar a aparência do seu widget de chat

O Conversations permite que você personalize seu widget de chat para combinar as cores e o tom de voz de sua marca em Conversations > Configurações > Widget de chat. Você pode personalizar o estilo e os textos de seu widget de chat.

💡 Dica
Se você for um desenvolvedor ou trabalhar em parceria com um, você pode avançar na personalização de seu widget de chat, oferecendo aos seus visitantes com uma tradução para seu widget de chat em um idioma não fornecido pelo Conversations ou usando uma cor, posição e tamanho personalizado para seu widget de chat. Para saber mais, consulte nossa documentação API.

Escolha seus idiomas de suporte

Selecione os diferentes idiomas nos quais você pode falar com seus visitantes. Os idiomas do seu widget de chat são os mesmos que os idiomas de suporte escolhidos por você em Conversations > Configurações > Preferências

Você pode selecionar quantos idiomas precisar; mensagens padrão são automaticamente traduzidas. Lembre-se de que se você editar os textos padrão, deve editar os outros textos padrão nos outros idiomas.

conversations_chat-widget-lang_EN-US.gif

💡 Dica
O idioma do widget de chat será selecionado com base no idioma do navegador do visitante, Se o idioma do navegador do visitante não for suportado pelo Conversations, o idioma padrão será o inglês.

Personalize o design do seu widget de chat

Com o Conversations, você pode personalizar cores, estilo e posição do widget de chat em sua página. Isso permite que você tenha um widget de chat personalizado, que combine com sua marca e que escolha como seu widget aparecerá para os seus visitantes.

Para personalizar a aparência do seu widget de  chat, acesse a seção Aparência em Conversations > Configurações > Widget de chat.

Cor do widget de chat

O Conversations permite que você escolha a cor e o estilo do seu botão de chat. Desta maneira você pode personalizá-lo completamente para que ele combine com o design do seu site e de sua marca.

O botão padrão é azul, mas você pode escolher outra cor na paleta do chat, que oferece um amplo número de cores pré-definidas. Você também pode escolher uma cor no seletor de cores ou inserir o código hex de sua cor.

Pode Colorir o cabeçalho do chat com a cor selecionada, se quiser que o widget de chat contraste mais com o restante do seu site quando aberto. Veja a pré-visualização à direita da sua tela para ver a aparência do widget de chat com a cor selecionada. 

conversations_chat-widget-color_EN-US.gif

💡 Dica
Recomendamos escolher uma cor que tenha um grande contraste com a cor de fundo do seu site para estar em conformidade com os padrões de acessibilidade. Por exemplo, se a cor de fundo do seu site é preto, você deve escolher uma cor clara como amarelo ou branco para ajudar os visitantes a localizarem o botão de widget do chat.

Design e posição do widget de chat

Você pode escolher a aparência do botão do seu widget de char e onde, em seu site, ele será colocado.

Na lista suspensa Estilo do botão de chat, você pode escolher o design do widget do seu site:

  • Redondo com um ou dois balões, ou
  • Aba.
❗️ Importante
Não oferecemos a possibilidade de fazer upload de um estilo personalizado de botão de chat. Você pode escolher que estilo deseja somente entre as duas opções redondas e a opção aba. 

Na lista suspensa Posição do botão de chat, você pode escolher onde seu botão será colocado na página do seu site. 

💡 Dica
Recomendamos deixar o botão do seu widget de chat no fim da tela, à direita para aumentar o número de conversas. Esta é a posição mais comum, então seus visitantes não precisarão procurar por ele.

Confira a pré-visualização à direita de sua tela, para ver onde o widget do seu chat aparecerá em sua tela:

conversations_chat-widget-style-position_EN-US.gif

Personalize suas mensagens de boas-vindas

Com o Conversations, você pode personalizar as mensagens de boas-vindas do seu widget de chat para combinar com o tom de voz de sua marca.

Role a página até a seção Textos do widget de chat para editar as mensagens de boas-vindas para seus modos Chat ao vivo (On-line) ou Messenger (Off-line, Invisível). Exclua as mensagens de boas-vindas existentes nos campos de texto e escreva as suas próprias. 

❗️ Importante
Se decidir personalizar suas mensagens de boas-vindas para seu modo Messenger, recomendamos que especifique claramente para seus clientes que eles estão falando com um robô, principalmente se você pedir por dados deles, com o bot de formulário de contato

Uma pré-visualização é exibida, à direita de sua tela, para conferir a aparência do seu widget de chat para os visitantes. Alterne o status de On-line para Off-line para exibir as respectivas pré-visualizações. Para restaurar as mensagens padrão, exclua tudo no campo e clique em algum lugar fora dele.

conversations_chat-widget-texts_EN-US.gif

❗️ Importante
Se você escolher ter diferentes idiomas de suporte, lembre-se de atualizar as mensagens de boas-vindas em todos os idiomas, clicando nas abas na parte de cima da pré-visualização do widget de chat on-line editável.

⏩ O que vem a seguir?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 7 de 9