Aparência
Personalize a aparência da chamada e da janela de atendimento online.
Defina suas preferências da aparência do chat. Configure cores, chamadas, balões de destaque e imagens gerais. Escolha qual o melhor formato de chat entre pop up , widget e bubble e defina o local para exibir no seu site.
Configurando a aparência
Para personalizar, inicie a sessão com seu login e senha de administrador e acesse "Configurações" no painel administrativo para então, entrar em "Aparências". Ao abrir esta opção, você encontra formulários para preenchimento e itens para habilitar conforme a preferência.
Preferências da janela de chat | Descrição |
|---|---|
| Título da janela de chat | Insira um texto para exibir na aba, no topo do widget ou no topo do pop up. Por exemplo, "Atendimento online", "Vamos conversar?", "Posso ajudar?", etc. |
| Imagem do topo do chat | Insira uma imagem para apresentar no cabeçalho do chat pop up. Essa imagem deverá ser no formato ".jpg" e no tamanho 690x85px. |
| Imagem lateral/Avatar padrão | Insira uma imagem para exibir no chat pop up. Essa imagem é padrão, mostrada quando o departamento ou o atendente não possuem uma imagem configurada. O formato é ".jpg" e no tamanho 167x345px. |
| Imagem do topo do chat | Insira uma imagem para o topo do chat em pop up para dispositivos mobile. Essa imagem deverá ser no formato ".jpg" e no tamanho 320x65px. |
| Ícone do widget | Insira uma imagem para apresentar como um avatar no chat widget. Esta imagem é padrão, mostrada quando o departamento ou o atendente não possuem uma imagem configurada. O formato é ".png" e no tamanho 61x61px. |
| Estilo do Avatar do atendente | Escolha como o atendente será identificado no chat: • "Normal, sem mostrar avatar": habilite esse item e a imagem "padrão", configurada acima, aparecerá sempre. • "Mostrar avatar com imagem do departamento": a imagem padrão será fixa. Habilite esse item para quando selecionar um departamento no chat, a imagem inserida no cadastro deste departamento seja exibida. • "Mostrar avatar com a foto e dados do atendente": habilite e permita que as informações cadastradas do atendente e as imagens inseridas sejam mostradas ao iniciar um atendimento. Os dados do atendente aparecem somente no chat pop up. |
| Informar se o atendente está digitando | Quando habilitado, informa para o visitante no chat "O atendente está digitando...". |
| Mostrar digitação em tempo real | Quando habilitado, informa para o atendente exatamente o que o visitante está digitando antes mesmo dele enviar essa mensagem. |
| Permitir envio da transcrição do chat por e-mail | O atendente sempre terá essa opção ativa. Se habilitado este item, permite que o visitante solicite com autonomia essa transcrição. Ou seja, receba todo o atendimento realizado no seu e-mail. |
| Permitir envio da transcrição do chat por e-mail | O atendente sempre terá essa opção ativa. Quando habilitado este item, permite que o visitante solicite com autonomia essa transcrição. Ou seja, receba todo o atendimento realizado no seu e-mail. |
| Permitir o envio de arquivos pelos visitantes | Quando habilitado, os visitantes podem encaminhar arquivos de até 2 MB pelo chat para os atendentes. Atenção: Atente ao formato e ao tamanho dos arquivos de imagem mostrado nas descrições das configurações. Caso seja diferente, a imagem não irá aparecer ou poderá ficar distorcida. |
| Redirecionar automaticamente o cliente para pesquisa de satisfação no final do atendimento | Quando habilitada esta opção, o visitante é encaminhado automaticamente para a pesquisa de satisfação após o encerramento do atendimento pelo visitante ou pelo atendente. Quando não estiver habilitado, o atendimento é encerrado e um convite é exibido para avaliação do atendimento. |
Aparência no Popup | Descrição |
|---|---|
| Cor do atendente | escolha ou insira a cor dos textos do atendente no chat. |
| Cor do visitante | escolha ou insira a cor dos textos do visitante no chat. |
| Cor de fundo da janela do chat | escolha ou insira a cor do fundo dos textos do chat |
| Cor de fundo do topo do chat | escolha ou insira a cor do topo, a primeira barra do chat. |
| Cor de fundo do chat | escolha ou insira a cor para o fundo do chat. |
| Cor de fundo do avatar | escolha ou insira a cor. Se o avatar inserido é uma imagem ".png" sem fundo, ou nenhuma imagem foi configurada, essa cor do fundo aparecerá. |
| Avatar - nome do atendente | escolha ou insira a cor das informações do atendente na lateral do pop up. |
| Avatar - nome do departamento | escolha ou insira a cor das informações do atendente na lateral do pop up. |
| Avatar - Ícone | escolha ou insira a cor do ícone do avatar. |
| Tamanho da fonte | selecione o tamanho das principais fontes do chat. |
| Exibir opção voltar na tela de identificação do pop up | habilite e permita que o visitante "Volte" para a tela principal do chat sem precisar fechá-lo. |
Chamadas do widget | Descrição |
|---|---|
| Quando online | Insira um texto para mostrar na aba quando o chat estiver disponível. Exemplo: "Fale conosco agora". |
| Quando offline | Insira um texto para mostrar na aba quando o chat estiver indisponível. Exemplo: "Deixe uma mensagem". |
Imagens de acesso ao chat no seu site | Onde você quer apresentar a chamada do chat em seu site? |
|---|---|
| No local onde eu colar o código HTML do Tolvnow | Exibe a chamada para o chat exatamente no local inserido dentro do HTML. |
| Fixa no rodapé à direita* | Ao selecionar esta opção, a chamada é exibida no rodapé à direita e o chat abrirá em modo pop up em seu site. |
| Fixa no rodapé à esquerda* | Ao selecionar esta opção, a chamada é exibida no rodapé à esquerda e o chat abrirá em modo pop up em seu site. |
| Fixa no topo à direita* | Ao selecionar esta opção, a chamada é exibida no topo à direita e o chat abrirá em modo pop up em seu site. |
| Fixa no topo à esquerda* | Ao selecionar esta opção, a chamada é exibida no topo à esquerda e o chat abrirá em modo pop up em seu site. |
| Fixa à direita* | Ao selecionar esta opção, a chamada é exibida no meio da janela do navegador à direita e o chat abrirá em modo pop up em seu site. |
| Fixa à esquerda* | Ao selecionar esta opção, a chamada é exibida no meio da janela do navegador à esquerda e o chat abrirá em modo pop up em seu site. |
| Não exibir a chamada, vou tratar via Javascript - Avançado | É necessário conhecimento técnico para esta opção e deve ser configurada por um desenvolvedor. |
| Chat widget à direita (sem pop up) | Ao selecionar esta opção, a chamada é exibida como uma aba no rodapé à direita e o chat abrirá em modo widget (janela) em seu site. |
| Chat widget à esquerda (sem pop up) | Ao selecionar esta opção, a chamada é exibida como uma aba no rodapé à esquerda e o chat abrirá em modo widget (janela) em seu site. |
| Chat bubble à direita (sem pop up) | Ao selecionar esta opção, a chamada é exibida num quadro flutuante com o ícone de chat no rodapé à direita e o chat abrirá em modo widget (janela) em seu site. |
| Chat bubble à esquerda (sem pop up) | Ao selecionar esta opção, a chamada é exibida num quadro flutuante com o ícone de chat no no rodapé à esquerda e o chat abrirá em modo widget (janela) em seu site. |
*para estas opções, coloque o HTML do Tolvnow no final do HTML de suas páginas, antes da tag </body>. Atenção: Ao selecionar uma das opções que contenham " * ", o chat aparecerá em modo pop up em seu site.
Clique nos links ao lado e entenda melhor sobre Chat Pop up, Chat Widget e Chat Bubble.
| Tema do widget | Selecione na lista a combinação de cor que mais atende a sua necessidade. Estão disponíveis mais de 28 combinações e podem ser aplicadas na escolha da chamada do chat exibido como aba ou bubble. |
| Preview | Atualmente o preview exibe a cor selecionada em uma amostra da chama em aba. Mas caso tenha selecionado a exibição da chamada em bubble, a cor e o formato serão aplicados. |
| Balão para exibir acima do widget | É possível exibir um balão acima das chamadas para alertar os visitantes sobre o chat. Escolha entre "Não quero exibir o balão" para aparecer somente a chamada em aba ou bubble. Opte por "Quero escolher uma imagem pronta" e escolha na galeria que abrirá uma opção entre 4 disponíveis. Escolha "Quero mandar uma imagem do meu computador" e insira uma imagem personalizada dentro de uma área de 300x300px em ".png". |
| Chamada online | Contém uma função semelhante ao "Balão para exibir acima do widget". Quando a chamada online está habilitada, anula o balão do widget quando configurado e o chat passa a ser pop up. Essa chamada online é exibida somente quando houver um atendente online. Quando habilitada "Quero escolher uma imagem pronta", escolha uma imagem da galeria que abrirá uma das 5 opções disponíveis. Escolha "Quero mandar uma imagem do meu computador" e insira uma imagem personalizada dentro de uma área de 300x300px em ".png". |
| Chamada offline | Contém uma função semelhante ao "Balão para exibir acima do widget". Quando a chamada offline está habilitada, anula o balão do widget quando configurado e o chat passa a ser pop up. Essa chamada offline é exibida somente quando nenhum atendente estiver online. Quando habilitada "Quero escolher uma imagem pronta", escolha uma imagem da galeria que abrirá uma das 2 opções disponíveis. Escolha "Quero mandar uma imagem do meu computador" e insira uma imagem personalizada dentro de uma área de 300x300px em ".png". |
| Não mostrar nenhuma imagem quando o atendimento estiver offline | Quando habilitada esta opção, impede o uso do fale conosco ou do formulário de contato do Tolvnow quando nenhum atendente estiver online. |
Atenção: Ao habilitar esta última opção, o chat não aparecerá no seu site quando todos os atendentes estiverem offline, assim como algumas funcionalidades do sistema também não estarão disponíveis, como o "fale conosco'' (funcionalidade para o visitante deixar um recado quando não houver atendentes online), gatilhos (função de enviar convites, mensagens, promoções e outras ações que esta função permite).
Veja mais personalizações no infográfico no blog. Clique aqui.