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.
4. Atualize a 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.
5. Atualize a Cor da mensagem: a cor da bolha em torno das mensagens do cliente. Insira um número hexadecimal ou clique no seletor de cores para abrir o esquema de cores.
6. Atualize a 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.
7. Atualize a permissão para que clientes possam incluir anexo. Marque a caixa de seleção para permitir que clientes adicionem anexos a conversas por redes sociais. Desmarque a caixa de seleção para proibir que clientes adicionem anexos. Por padrão, os anexos são permitidos.
8. Atualize o 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.
9. Atualize o Título: o texto que será exibido na parte superior da janela. Geralmente é uma chamada para ação ("Entre em contato conosco") ou o nome da empresa.
10. Atualize a 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.
11. 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. Forma (apenas para o Web Widget), a forma do botão do inicializador. Escolha Quadrado, Círculo ou 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.