21

Personalização da ferramenta de chat

Última atualização há 6 dias

Alterando a aparência da Ferramenta do chat do tawk.to Como modificar o conteúdo do widget (widget content) Alterando o idioma do seu widget Personalizando os cartões do cabeçalho e do corpo do widget Alterar o comportamento do widget no seu site

Como definir a posição de uma chamada de atenção personalizada

[Desktop]

Você pode enviar seu logotipo ou outra imagem personalizada como uma chamada de atenção (Attention Grabber) para informar aos visitantes do site que um agente está disponível e pronto para conversar através do seu widget.

Como as chamadas de atenção personalizadas variam em tamanho e formato, criamos uma forma de você definir o posicionamento exato da sua imagem.


Siga os passos de um dos dois métodos abaixo. Você pode arrastar e soltar manualmente sua chamada de atenção no lugar desejado ou usar a API JavaScript para um 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. Não é possível realizá-las no aplicativo móvel do tawk.to.
Colocando manualmente uma chamada de atenção personalizada

Se você tiver várias propriedades, verifique se está visualizando a propriedade correta.

Acesse ⚙️Administração ➞ Ferramenta do chat.
Em Apariencia del widget (Widget Appearance), clique em Avançado.
Em seguida, deslize o botão da Chamada de atenção (Attention Grabber) para a posição ativada (verde).

Quando a Chamada de atenção estiver ativada, clique no botão Galeria.
No canto inferior esquerdo da Galeria, selecione Enviar (Upload).
Envie sua imagem. Ela aparecerá na pré-visualização do widget para desktop (Desktop widget preview) no lado direito do painel de Apariencia del widget.

Em seguida, 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 widget.

Quando a chamada de atenção estiver na posição desejada, clique no botão Salvar (Save) para atualizar seus detalhes. Seu widget de chat será atualizado automaticamente após salvar. Não é necessário atualizar o código do widget no HTML da sua página.
Colocando uma chamada de atenção personalizada usando a API JavaScript
Você também pode definir a posição de uma chamada de atenção personalizada usando o objeto customStyle na API JavaScript.

Adicione o código abaixo ao seu código de widget existente.

Observação:: Não coloque este objeto dentro de uma função, pois os valores precisam estar disponíveis antes que o script do widget seja baixado. Definir ou alterar os valores após o script do widget ter sido baixado não atualizará o estilo do widget.

Se você tiver comentários sobre este artigo, ou se precisar de mais ajuda:


Este artigo foi útil?

28 de 40 gostaram deste artigo