Personalização da aparência de seu widget

Qual é o meu plano?

É possível modificar alguns ou todos os elementos do widget a seguir para personalizar a aparência de seu website da empresa.

Se você está usando uma versão legada do Chat, consulte Personalização da aparência de seu widget (Chat legado).

Os elementos a seguir podem ser modificados pelo painel do Chat, na aba Aparência. Clique nos links para visualizar detalhes sobre a modificação de cada elemento:

Janela de chat, que inclui as configurações do texto da barra de título ou do widget móvel, dependendo da sua versão do Chat.
Concierge, que os visitantes do Chat veem antes de se conectarem a um agente.
Quadro de chat, mostra a aparência do widget antes do início do chat.

Como personalizar a aparência do widget

No painel do Chat, vá até Configurações > Widget e clique na aba Aparência.
Personalize as opções de acordo com a descrição das seções abaixo.
Visualize suas alterações no painel Visualizar à direita.
Observação: as alterações exibidas no painel Visualizar dependem da versão do Chat que você está usando. O comportamento esperado do painel Visualizar em cada seção na aba Aparência está descrito nas seções abaixo.
Clique em Salvar alterações.

Personalização da seção Janela de chat

A seção Janela de chat é onde você configura os elementos relacionados à estrutura em torno de um chat entre um agente e um cliente. As opções que você vê dependem da versão do Chat que você está usando.

Chat + Support nos usuários do Web Widget (clássico)
Chat independente nos usuários do Web Widget (clássico)
Usuários do widget do Chat

Chat + Support nos usuários do Web Widget (clássico)

Aqui você pode personalizar o elemento Título superior da janela de chat. Este texto é exibido na parte superior da sua janela de chat. O exemplo a seguir mostra o título superior com o texto "Converse conosco":

Chat independente nos usuários do Web Widget (clássico)

Aqui você pode personalizar os seguintes elementos da janela de chat:

Título superior: este texto é exibido na parte superior da sua janela de chat. O exemplo a seguir mostra o título superior com o texto "Converse conosco":
Cor do tema: esta é a cor de contorno do seu widget. Insira um código hexadecimal ou clique no seletor para selecionar manualmente uma cor.
Posição do widget: selecione se o widget deve ser exibido no canto inferior direito ou esquerdo das páginas onde será adicionado.

Usuários do widget do Chat

Aqui você pode personalizar os seguintes elementos da janela de chat:

Título superior: este texto é exibido na parte superior da sua janela de chat.
Cor do tema: esta é a cor de contorno do seu widget. Insira um código hexadecimal ou clique no seletor para selecionar manualmente uma cor.
Posição do widget: isso permite que você posicione o widget no canto inferior esquerdo ou direito de sua página da Web.

Você pode também personalizar o widget para dispositivos móveis:

Janela sobreposta: a janela de chat abrirá por cima do seu site para celular na mesma aba (recomendado).
Pop-out do chat: a janela de chat abrirá em uma nova aba.

Personalização da seção Concierge

Antes dos visitantes se conectarem a um agente de suporte, eles veem o avatar, nome e subtítulo do Concierge do chat.

Título da tela e Subtítulo: este texto é exibido na parte superior da janela de chat. O exemplo a seguir mostra "Suporte em tempo real" como título da tela e o subtítulo "Faça uma pergunta".
Avatar: carregue uma imagem personalizada do avatar para o Concierge do seu chat.

Personalização da seção Quadro de chat

Observação: para personalizar o Quadro de chat, você precisará de um plano Team do Chat ou superior.

Essa seção aparece se você selecionar Simples na seção Janela de chat acima. O quadro de chat mostra a aparência do widget antes do início do chat.

Ativar ou Desativar: ative ou desative o quadro de chat.
Imagem à direita, Imagem à esquerda ou Somente texto: estas opções determinam a disposição do quadro de chat. Imagem à direita ou à esquerda usa a imagem padrão do balão de chat, que você pode ver no painel Visualizar.
Imagem personalizada: para usar sua própria imagem, selecione Imagem personalizada e carregue uma imagem no campo Imagem a seguir.
Cor de fundo: insira um código hexadecimal ou clique no seletor para selecionar manualmente uma cor para o fundo do quadro de chat. Para definir esta mesma cor como Cor do tema na seção Janela de chat, marque a caixa de seleção Igual a cor do tema.
Mensagem: esse texto é exibido dentro do quadro de chat, antes dos visitantes clicarem nele. O exemplo a seguir mostra o quadro com o texto "Converse conosco":
Imagem: se você selecionou a Imagem personalizada anteriormente, carregue uma imagem para o seu quadro de chat aqui.