Desplazamiento vertical y horizontal del widget de Zendesk Chat

Problema

Después de agregar Zendesk Chat a un sitio web, observa que el widget de chat abarca algunos botones importantes de la página.

Sugerencia: En este artículo se explica en detalle el paso para compensar el widget de Chat. Si hace referencia a este artículo, averigüe si tiene el widget de chat o el Web Widget: ¿Qué widget tengo con mi cuenta de Zendesk?

Solución

Como corrección, puede usar nuestros códigos de API para mover el widget vertical u horizontalmente o ambos. Esto es lo que llamamos compensación del botón y la ventana desde el borde de la ventana del navegador o la ventana de la aplicación móvil. En este artículo se describe cómo desplazar el botón del widget y la ventana del widget de la posición predeterminada.

• Desplazamiento vertical
• Desplazamiento horizontal
• Desplazamiento móvil

Importante: Antes de comenzar,agregue el widget a su sitio incrustando el script del widget en el código fuente HTML de una o varias páginas. A continuación, agregue los códigos de personalización que se incluyen en este artículo además del script del widget incrustado de chat.

Vecompensadortical

Este código de API establece el desfase vertical del botón de chat en el borde de la ventana del navegador:

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

**Puede modificar el número entre paréntesis () según lo necesite.

La posición predeterminada del botón de chat se encuentra en la esquina inferior derecha de la página. Si se aplica el código de desplazamiento vertical, el botón se mueve verticalmente hacia la parte superior de la página.

Este código de API desplazará verticalmente la ventana de chat junto con el botón de chat:

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

** Puede cambiar el número dentro de () según sus necesidades.

La posición predeterminada de la ventana de chat se abre desde la parte inferior de la página. Después de aplicar el código de la API, la ventana de chat se abrirá ahora a una distancia específica de la parte inferior de la página.

Desplazamiento horizontal

Utilice este código de API para establecer el desfase horizontal del botón de chat en el borde de la ventana del navegador:

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

** Puede cambiar el número dentro de () según sus necesidades.

Si se aplica el código del botón de desplazamiento horizontal, el botón se mueve horizontalmente hacia el lado izquierdo de la página.

Este código de API se desplazará horizontalmente en la ventana de chat:

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

** Puede cambiar el número dentro de () según sus necesidades.

Si se aplica el código de la ventana offset horizontal, la ventana se moverá horizontalmente hacia el lado izquierdo de la página:

Desplazamiento de móvil:

También puede compensar el botón y la ventana de chat móvilusando los códigos de la API a continuación:

 <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>

**Puede cambiar el número dentro de () según sus necesidades.

Si desea más información, consulte laAPI de Javascript.

Descargo de responsabilidad de la traducción: Este artículo ha sido traducido usando software de traducción automática para proporcionar una idea básica del contenido. Se han realizado esfuerzos razonables para proporcionar una traducción exacta, sin embargo, Zendesk no garantiza la exactitud de la traducción.

Si surge alguna pregunta relacionada con la exactitud de la información incluida en el artículo traducido, consulte la versión en inglés del artículo, que es la versión oficial.