Como definir a posição de um atrativo visual personalizado
[Desktop]
Você pode enviar seu logotipo ou outra imagem personalizada como um atrativo visual para informar os visitantes do site de que um agente está disponível e pronto para conversar por meio do seu widget.
Como os atrativos visuais personalizados variam em tamanho e formato, criamos uma maneira de você definir a posição exata da sua imagem.
Siga as etapas de um dos dois métodos abaixo. Você pode arrastar e soltar manualmente o atrativo visual no local desejado ou usar a API JavaScript para posicionamento preciso.
OBSERVAÇÃO: As instruções abaixo só podem ser concluídas a partir de um navegador ou dos aplicativos de desktop do tawk.to. Elas não podem ser realizadas no aplicativo móvel do tawk.to.
Colocar manualmente um atrativo visual personalizado
Se você tiver várias propriedades, verifique se está visualizando a correta passando o cursor sobre o ícone de menu (hambúrguer) no canto superior direito do Painel.
Vá para ⚙️Administração ➞ Canais ➞ Ferramenta do chat
Em Aparência do Widget, clique em Avançado.
Em seguida, ative o botão do Captador de atenção (Attention Grabber) para a posição "ligado" (verde).
Depois que o Captador de atenção estiver ativado, clique no botão Galeria.
No canto inferior esquerdo da Galeria, selecione Enviar.
Envie sua imagem. Ela aparecerá na pré-visualização do widget de desktop no lado direito do painel de Aparência do Widget.
Depois, arraste a imagem enviada na área de pré-visualização para alterar sua posição na página. Você pode colocá-la ao lado ou sobre o seu widget.
Quando o atrativo visual estiver na posição desejada, clique no botão Salvar para atualizar os detalhes. Seu widget de chat será atualizado automaticamente após o salvamento. Não é necessário atualizar o código do widget no HTML da sua página.
Definir um atrativo visual personalizado usando a API JavaScript
Você também pode definir a posição de um atrativo visual personalizado usando o objeto customStyle na API JavaScript.
Adicione o código abaixo ao seu código atual do widget.
Observação: Não coloque esse objeto dentro de uma função, pois os valores precisam estar disponíveis antes que o script do widget seja carregado. Definir ou alterar os valores depois que o script já tiver sido carregado não atualizará o estilo do widget.
Precisa de ajuda? Entre em contato com nossa equipe de suporte ou agende uma ligação.
Se você tiver sugestões sobre este artigo ou precisar de mais ajuda:
- Clique no ícone verde de chat ao vivo
- Agende uma chamada conosco
- Visite nossa comunidade