Sobre a função:
Vamos entender como personalizar o Hi Chat de acordo com a identidade visual da sua empresa, e entender como personalizar textos e mensagens que serão visualizados pelos consumidores.
Importante: Nos campos que aparecer esse ícone:
identifica que a função também será compatível com atendimentos de origem Whatsapp, além dos atendimentos de origem Web (site). Nos campos que não aparecer o ícone do WhatsApp, a função será válida somente para atendimentos de origem Web (site).
Veja como fazer:
Para realizar as configurações, acesse: Departamento de chat desejado> Configurações> Chat> Consumidor
1 - Aparência:
- Nome da aparência: identificação do título da aparência utilizada. É possível criar outros layouts (aparência) para o mesmo departamento, com isso é possível utilizar layouts específicos para campanhas sem precisar alterar o padrão;
- Imagem do cabeçalho: imagem do header;
- Posição do logo: escolha como a imagem de logo deve ficar alinhada no cabeçalho;
- Cor primária/secundária: o sistema pode readequar o layout de todas as telas do chat a partir de duas cores principais.
A cor primária corresponde a cor principal da identidade visual da sua marca. A cor secundária representa botões e links por exemplo; - Tema:
- Claro: utiliza a cor primária e secundária e monta a identidade visual do chat com uma tonalidade mais clara;
- Escuro: utiliza a cor primária e secundária e monta a identidade visual do chat com uma tonalidade mais escura;
- Customizado: ao acessar esse modelo, é possível alterar cada parte do layout de forma apartada.
- Texto do cabeçalho: cor do texto do cabeçalho;
- Fundo cabeçalho: cor de fundo do cabeçalho;
- Texto operador: cor do balão do operador no diálogo;
- Texto consumidor: cor do balão do consumidor no diálogo;
- Texto rodapé: cor do texto da caixa de diálogo;
- Fundo rodapé: cor de fundo da caixa de diálogo;
- Textos gerais: cor do texto da pesquisa de satisfação;
- Fundo do diálogo: cor de fundo da tela de diálogo;
- Texto telas de erro: cor dos textos das telas de fila, fora de horário e tela de erro;
- Fundo da telas de erro: cor de fundo das telas de fila, fora de horário e tela de erro;
- Texto botões: cor do texto do botão da tela inicial;
- Fundo botões: cor de fundo do botão da tela inicial.
- Configurações do Widget: Escolha a cor primária, cor secundária e cor do texto;
- Imagem do Widget: Selecione a imagem de logo que irá ocupar o corpo do widget do chat;
- Modelo do Widget: Selecione o modelo do widget que deseja utilizar;
- Posição do Widget: Selecione a posição em que o widget será exibido em tela.
- Configurações avançadas:
Personalização do layout a partir de código CSS.
2 - Textos e mensagens
- Mensagem de Boas-Vindas: Você pode alterar a frase inicial que chegará para o consumidor assim que ele for direcionado para o atendimento. Para utilizar o nome do usuário na frase, você deve colocar a variável “$USER” no local desejado. Por exemplo, para aparecer a frase: Olá Pedro, seja bem-vindo ao atendimento da Hi! Você deverá preencher assim: Olá $USER;
- Descrição do Formulário Inicial: insira uma descrição que antecede os campos para a entrada do atendimento. Ex: Preencha os campos abaixo para entrar em atendimento;
- Mensagem de Transferência: configure uma frase específica para ser exibida para o consumidor quando o atendimento é transferido entre departamentos, esse item é opcional, se nenhuma frase for cadastrada, o cliente vai visualizar a frase inicial;
- Mensagem do consumidor: insira uma mensagem na caixa de diálogo para indicar o local no qual o consumidor deve enviar as suas mensagens. Ex: Digite sua mensagem aqui;
- Fora de horário/Callback: personalize o título e a mensagem que seus consumidores receberão quando entrarem em contato em momentos que a sua equipe estiver ausente (fora de horário);
- Erro no servidor: insira uma mensagem quando ocorrer uma interrupção no sistema;
- IP Bloqueado: insira uma mensagem para ser exibida ao consumidor quando seu IP estiver bloqueado. Saiba mais
- Fila: altere a frase que aparece para os consumidores enquanto eles estiverem aguardando na fila, para que ele veja sua posição na fila de espera;
- Tempo estimado de fila: Utilize a variável $WAITING_TIME para exibir o tempo em minutos para o consumidor ser atendido;
- Fila cheia: também é possível alterar a frase que é exibida para os clientes quando a fila de espera estiver cheia;
- Pesquisa de satisfação: insira um título e mensagem de instrução para o preenchimento da pesquisa de satisfação;
- Botão de encerrar atendimento: insira uma mensagem para aparecer quando o consumidor clicar para encerrar o atendimento e uma mensagem extra se desejar;
Desconexão:
- Consumidor encerrou o atendimento: insira uma mensagem para quando o consumidor finalizar o atendimento;
- Queda de conexão: insira uma mensagem ao consumidor quando o atendimento for finalizado por perda de conexão;
- Atendimento finalizado por inatividade: insira uma mensagem para quando o atendimento for finalizado por falta de interação do consumidor;
- Operador encerrou o atendimento: insira uma mensagem para quando o agente encerrar o atendimento;
- Operador perdeu a conexão: insira uma mensagem em caso de perda da conexão do agente.