Sintomas do problema

Depois de adicionar o Web Widget (Classic) ao meu site, noto que o widget abrange outros botões na página. 

Dica: Este artigo detalha a etapa de compensação do Web Widget (Classic). Para saber se você tem esse número, consulte este artigo: Qual widget tenho com minha conta e website da Zendesk?

Etapas de resolução

Use nossos códigos da API para mover o widget verticalmente ou horizontalmente ou ambos. Isso é o que chamamos de compensação do botão e da janela da borda da janela do navegador ou janela do aplicativo móvel. Este artigo abordará como deslocar o botão do widget e a janela do widget da posição padrão. 

  • Deslocamento vertical

  • Deslocamento horizontal

  • Compensação móvel

Importante: Antes de começar,adicione o widget ao seu site incorporando o script do widget no código-fonte HTML de uma ou mais páginas. Em seguida, adicione os códigos de personalização listados neste artigo, além do script do widget de chat incorporado.

Deslocamento vertical

Este código da API define o deslocamento vertical do botão de chat da borda da janela do navegador:

<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVertical(50);
});
</script>

Altere o número dentro () de acordo com suas necessidades.

A posição padrão do botão de Chat é no canto inferior direito da página. Aplicar o código de deslocamento vertical resulta no botão se movendo verticalmente em direção ao topo da página. 
 

Esse código da API deslocará verticalmente a janela de Chat junto com o botão de Chat:

$zopim.livechat.window.setOffsetVertical(50);

Altere o número dentro() de acordo com suas necessidades.

A posição padrão da janela de Chat é aberta na parte inferior da página. Após aplicar o código da API, sua janela de Chat será aberta a uma distância específica da parte inferior da página. 
 

Deslocamento horizontal

Use este código da API para definir o deslocamento horizontal do botão de Chat da borda da janela do navegador:

<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetHorizontal(50);
});
</script>

Altere o número dentro() de acordo com suas necessidades.

Aplicar o código do botão de deslocamento horizontal faz com que o botão se mova horizontalmente em direção ao lado esquerdo da página. 

 

Esse código da API deslocará horizontalmente a janela de Chat:

$zopim.livechat.window.setOffsetHorizontal(50);

Altere o número dentro() de acordo com suas necessidades.

Aplicar o código da janela de deslocamento horizontal resulta na janela se movendo horizontalmente em direção ao lado esquerdo da página:

 

Compensação móvel

Compensação do botão e da janela de chat para dispositivos móveis usando os códigos da API abaixo:

 <script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVerticalMobile(30);
$zopim.livechat.window.setOffsetVerticalMobile(30);
$zopim.livechat.button.setOffsetHorizontalMobile(30);
$zopim.livechat.window.setOffsetHorizontalMobile(30);
});
</script>

Altere o número dentro () de acordo com suas necessidades.

Para mais informações, consulte este artigo: Javascript API. 

Aviso sobre a tradução: este artigo foi traduzido por um software de tradução automática para oferecer a você uma compreensão básica do conteúdo. Medidas razoáveis foram tomadas para fornecer uma tradução precisa, no entanto, a Zendesk não garante a precisão da tradução.

Em caso de dúvidas relacionadas à precisão das informações contidas no artigo traduzido, consulte a versão oficial do artigo em inglês.

Powered by Zendesk