Offset vertical y horizontal del widget Zendesk Chat

Después de agregar Zendesk Chat a tu sitio web, te percatas de que el widget de chat cubre algunos botones importantes en tu página. Como solución, puedes usar nuestros códigos API para mover el widget verticalmente u horizontalmente o en ambas direcciones. A esto es a lo que llamamos offsetting (compensación) del botón y ventana del borde de la ventana del navegador.

Offset vertical

Este es el código API para configurar el offset vertical del botón de chat del borde de la ventana del navegador:

<script type="text/javascript"><x id="1" ctype="x-br" equiv-text="&lt;br&gt;"><g id="2" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"></x>$zopim(function() <x id="3" ctype="x-br" equiv-text="&lt;br&gt;"><g id="4" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"></g></x>{$zopim.livechat.button.setOffsetVertical(50);<x id="5" ctype="x-br" equiv-text="&lt;br&gt;"><g id="6" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"></g></x>});<x id="7" ctype="x-br" equiv-text="&lt;br&gt;"><g id="8" ctype="x-span" equiv-text="&lt;span class=&quot;wysiwyg-color-black&quot;&gt;"></g></x>&amp;lt;/script&amp;gt;</g>

**Puedes cambiar el número dentro del () según sean tus necesidades.

Esta es la posición predeterminada del botón de chat:

así es como se vería como se muestra a continuación:

También puedes querer mover la ventana de chat un poco hacia arriba junto con el botón de chat.

Puedes agregar este código API

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

**Puedes cambiar el número dentro del () según sean tus necesidades.

Esta es la posición predeterminada de la ventana de chat:

Así es como se vería como se muestra a continuación:
Offset horizontal

Este es el código API para configurar el offset horizontal del botón de chat del borde de la ventana del navegador:

$zopim(function() 

{$zopim.livechat.button.setOffsetHorizontal(50);});

**Puedes cambiar el número dentro del () según sean tus necesidades.

Esta es la posición predeterminada del botón de chat:

Así es como se vería como se muestra a continuación:

También puedes hacer esto para la ventana de chat agregando este código:

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

**Puedes cambiar el número dentro del () según sean tus necesidades.

Esta es la posición predeterminada de la ventana de chat:

Así es como se vería como se muestra a continuación:

También puedes hacer esto para el botón de chat móvil y ventana usando los códigos API a continuación:

$zopim(function() {
$zopim.livechat.button.setOffsetVerticalMobile(30);
$zopim.livechat.window.setOffsetVerticalMobile(30);
$zopim.livechat.button.setOffsetHorizontalMobile(30);
$zopim.livechat.window.setOffsetHorizontalMobile(30);
});

**Puedes cambiar el número dentro del () según sean tus necesidades.

Si deseas más información, consulta API Javascript.