Configuração da aparência do Web Widget

Observação: este artigo se aplica a contas que usam mensagens do Web Widget. Se você está usando o Web Widget (clássico), consulte Configuração dos componentes no Web Widget (clássico).

Você pode definir várias configurações relacionadas à aparência para o Web Widget na aba Estilo da página Editar Web Widget.

Este artigo inclui os tópicos a seguir:

• Configuração da janela do widget
• Configuração do inicializador do widget

Configuração da janela do widget

A janela do Web Widget inclui os elementos estruturais da janela que os clientes usam para trocar mensagens com os agentes. Você pode definir a localização da janela na página, selecionar cores para textos e elementos da janela, carregar um logotipo e muito mais.

Como atualizar a janela do widget

1. Na Central de administração, clique em Canais na barra lateral e selecione Mensagens e redes sociais > Mensagens.
2. Clique no nome do canal que você deseja editar. A página de edição do widget é aberta.
3. Clique na aba Estilo e faça as seguintes configurações:
   • Cor principal: a cor principal do botão do inicializador e do cabeçalho do widget. Insira um número hexadecimal ou clique no seletor de cores para abrir o esquema de cores. Se você está migrando do Web Widget (clássico), a cor é definida com aquela que é a padrão das configurações do widget da marca.
   • Posição: a localização do inicializador e do widget no seu website ou na central de ajuda. Selecione Canto inferior esquerdo ou Canto inferior direito. Em seguida, insira o espaçamento do deslocamento da parte inferior e da lateral da página. A posição padrão é de 16 px a partir da opção selecionada.
   • Borda: o raio da borda, ou curvatura, das bordas externas do widget. Use o controle deslizante para selecionar um raio de Cantos retos (0 px) ou Cantos com curvas (20 px).
   • Cor da mensagem: a cor da bolha em torno das mensagens dos clientes. Insira um número hexadecimal ou clique no seletor de cores para abrir o esquema de cores.
   • Cor da ação: a cor de todos os botões ou ações do cliente, como uma opção selecionada. Insira um número hexadecimal ou clique no seletor de cores para abrir o esquema de cores.
   • Permitir que os clientes carreguem anexos: marque a caixa de seleção para permitir que clientes adicionem anexos a conversas por mensagens. Desmarque a caixa de seleção para proibir que clientes adicionem anexos. Por padrão, os anexos são permitidos.
   • Logotipo (opcional): uma imagem JPG ou PNG, que será exibida na parte superior da janela. O logotipo é a identidade visual do fluxo de conversa. Clique em Carregar imagem e procure a imagem que deseja adicionar.
   • Título: texto que será exibido na parte superior da janela. Geralmente é uma chamada para ação ("Entre em contato conosco") ou o nome da empresa.
   • Descrição (opcional): um pequeno texto abaixo do título. Pode ser uma informação que deseja compartilhar ou um slogan, por exemplo. Insira a descrição na caixa de texto.
   • Mostrar logotipo do Zendesk: ativa e desativa o logotipo do Zendesk em um canal do Web Widget ou para dispositivos móveis. Disponível para contas Suite Enterprise e contas Professional com o complemento do Pacote de produtividade.
   • Reproduzir sons de notificação para novas mensagens (apenas para o Web Widget): ativa alertas sonoros para os clientes quando recebem uma resposta de um agente ou do bot em uma conversa por mensagens inativa no Web Widget. Quando ativado, os clientes podem optar por desativar as notificações sonoras no lado deles da conversa.
4. Clique em Salvar configurações.

Configuração do inicializador do widget

O inicializador do Web Widget é o botão em que o cliente clica para abrir o widget. Você pode definir onde ele aparece na Web ou na página da central de ajuda, além de alterar a forma, o texto e muito mais.

Você pode também usar a API do Web Widget para criar um inicializador personalizado do Web Widget e definir o comportamento dele. Para obter mais informações, consulte API do Web Widget.

Como atualizar o inicializador

1. Na Central de administração, clique em Canais na barra lateral e selecione Mensagens e redes sociais > Mensagens.
2. Clique no nome do canal que você deseja editar. A página de edição do widget é aberta.
3. Clique na aba Estilo.
4. Atualize a Posição na janela do navegador: local de exibição do botão do inicializador na janela do navegador. Use os botões de opção para escolher entre Canto inferior direito ou Canto inferior esquerdo.
5. Atualize a Forma (apenas para o Web Widget): a forma do botão do inicializador. Escolha uma destas opções:
   • Quadrado: use o controle deslizante para ajustar a curvatura das bordas externas do botão do inicializador quadrado.
   • Círculo
   • Inicializador personalizado
     Observação: a ação de selecionar Inicializador personalizado faz com que o inicializador seja removido do website ou da central de ajuda. Você pode então adicionar o inicializador ao website ou central de ajuda usando as APIs de abrir, fechar e mensagens não lidas. Consulte API do Web Widget.
6. Texto (opcional): texto exibido ao lado do botão do inicializador.
7. Mostrar no dispositivo móvel: selecione para exibir o texto no SDK para dispositivos móveis.
8. Clique em Salvar configurações.