Deslocamento vertical e horizontal do widget do Zendesk Chat

Sintomas do problema

Após adicionar o Zendesk Chat ao seu site, você percebe que o widget de Chat abrange alguns botões importantes em sua página.

Dica: Este artigo detalha a etapa de compensação do widget do Chat. Determine se você tem o Widget do Chat ou o Web Widget fazendo referência a 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>

Você pode alterar o número entre () dependendo de 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);

Você pode alterar o número entre () dependendo de 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>

Você pode alterar o número entre () dependendo de 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);

Você pode alterar o número entre () dependendo de 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

Você também pode fazer a compensação para o botão de Chat no dispositivo móvel e a janelausando os códigos de 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>

Você pode alterar o número entre () dependendo de suas necessidades.

Para obter mais informações, consulte a API Javascript.

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.