Personalize a aparência do seu widget de chat

O Conversas permite que você personalize seu widget de chat para combinar com as cores e o tom de voz da sua marca. Clique no menu suspenso da conta e selecione Settings > Inbox > Chat widget (Configurações > Caixa de entrada > Widget de chat. Você pode personalizar o estilo e os textos do seu widget de chat.

É bom saber

Se você for ou trabalhar com um desenvolvedor, poderá ir mais longe na personalização do seu widget de chat, fornecendo aos visitantes uma tradução do seu widget de chat em um idioma sem suporte no Conversations ou usando cor, posição e tamanho personalizados para o seu widget de chat. Para saber mais, confira nossa documentação para desenvolvedores.

Escolha seus idiomas de suporte

Selecione os diferentes idiomas nos quais você pode falar com os visitantes. Os idiomas do seu widget de chat são os mesmos que os idiomas de suporte, que você pode gerenciar clicando no menu suspenso da conta e selecionando Settings > Inbox > Preferences (Configurações > Caixa de entrada > Preferências)

Selecione quantos idiomas precisar, e as mensagens padrão serão traduzidas automaticamente. Se você editar os textos padrão, deverá editar todos os outros textos padrão nos outros idiomas.

conversations_chat-widget-lang_EN-US.gif

💡 É bom saber
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 tiver suporte do Conversations, o idioma padrão será o inglês. 

Personalize o design do seu widget de chat

Com o Conversations, você pode personalizar as cores, o estilo e a posição do widget de chat na sua página da Web. Isso permite que você tenha um widget de chat personalizado que corresponda à sua marca e escolha como o widget de chat aparecerá para os visitantes.

Para personalizar a aparência do seu widget de chat, clique no menu suspenso da conta e selecione Settings > Inbox > Chat widget (Configurações > Caixa de entrada > Widget de chat) e vá para a seção Appearance (Aparência).

Cor do widget de chat

O Conversations permite que você escolha a cor e o estilo do seu botão de chat. Dessa forma, você pode personalizá-lo completamente para combinar com o design do seu site e da sua marca. 

O botão padrão do widget de chat é azul, mas você pode escolher outra cor na Chat palette (Paleta de chat) que oferece muitas cores predefinidas. Você também pode escolher uma cor no seletor de cores ou inserir o código hexadecimal da sua cor.

Pinte o cabeçalho do chat com a cor selecionada se quiser que o widget de chat contraste mais com o resto do seu site quando aberto. Verifique a pré-visualização à direita da tela para conferir como fica o widget de chat com a cor selecionada. 

conversations_chat-widget-color_EN-US.gif

💡 É bom saber
Recomendamos escolher uma cor que tenha um grande contraste com a cor de fundo do seu site para atender aos padrões de acessibilidade. Por exemplo, se a cor de fundo do seu site for preta, escolha uma cor clara, como amarelo ou branco, para ajudar os visitantes a identificar o botão do widget de chat. 

Design e posição do widget de chat

Você pode escolher a aparência do botão do widget de chat e onde ele será colocado na página do seu site.

Na lista suspensa Chat button style (Estilo do botão de chat), você pode escolher o design do seu widget de chat:

  • Redondo com um ou dois balões ou
  • Guia

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

💡 É bom saber
  • Recomendamos deixar o botão do widget de chat na parte inferior da tela, à direita, para aumentar o número de chats. É a posição mais comum, então os visitantes não vão procurá-la.
  • Em dispositivos móveis, o botão do widget de chat está sempre na parte inferior da tela e não é possível alterar a posição.

Verifique a pré-visualização à direita da tela para conferir como e onde seu widget de chat aparecerá na tela:

conversations_chat-widget-style-position_EN-US.gif

Personalize suas mensagens de saudação

Com o Conversations, você pode personalizar as mensagens de saudação do seu widget de chat para corresponder ao tom de voz da sua marca.

Deslize até a seção Chat widget texts (Textos do widget de chat) para editar as mensagens de saudação para os modos de chat ao vivo (online) ou Messenger (offline, invisível). Exclua as mensagens de saudação existentes do campo de texto e escreva a sua própria. 

❗️ Importante
Se você decidir personalizar suas mensagens de saudação para o modo Messenger, recomendamos que especifique claramente ao cliente que ele está falando com um bot, especialmente se você solicitar os detalhes dele com o bot de formulário de contato

Uma pré-visualização é exibida à direita da tela para que você possa verificar como o widget de chat aparecerá para os visitantes. Alterne seu status de Online para Offline para exibir a respectiva pré-visualização. Para restaurar as mensagens de saudação padrão, exclua tudo do campo e clique em algum lugar fora dele.

conversations_chat-widget-texts_EN-US.gif

❗️ Importante
Se você optar por ter diferentes idiomas de suporte, lembre-se de atualizar as mensagens de saudação em todos os idiomas clicando nas guias na parte superior da pré-visualização do widget de chat editável online.

⏩ 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 à agência parceira da Brevo certa.

💬 Este artigo foi útil?

14 de 17 acharam isto útil