Você pode modificar todos ou alguns dos seguintes elementos do widget para corresponder à aparência do website da sua empresa.
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, que 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.
Usuários do Chat + Support no 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":
Usuários do Chat independente no 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 colocar o widget no canto inferior esquerdo ou direito da sua página na web.
Você também pode 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
-
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.