Síntomas del problema

Después de agregar el Web Widget (clásico) a mi sitio web, observo que el widget cubre otros botones de la página. 

Sugerencia: En este artículo se detalla el paso para compensar el Web Widget (clásico). Consulte este artículo para determinar si lo tiene: ¿Qué widget tengo con mi sitio web y cuenta de Zendesk?

Pasos de resolución

Puede usar los códigos de nuestra API para mover el widget horizontal o verticalmente, o en ambas direcciones. Esto se conoce como desplazamiento del botón y de la ventana desde el borde de la ventana del navegador. En este artículo se explica cómo desplazar el botón y la ventana del widget desde 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 más páginas. Luego, agregue los códigos de personalización que se enumeran en este artículo, además del script del widget de chat incrustado.

Desplazamiento vertical

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

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

Cambiar el número dentro () según sus necesidades.

La posición predeterminada del botón de chat es en la esquina inferior derecha de la página. La aplicación del código de desplazamiento vertical hace que el botón se mueva verticalmente hacia la parte superior de la página. 
 

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

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

Cambiar el número dentro() 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á a una distancia especificada desde la parte inferior de la página. 

Desplazamiento horizontal

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

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

Cambiar el número dentro() según sus necesidades.

La aplicación del código del botón de desplazamiento horizontal hace que el botón se mueva horizontalmente hacia el lado izquierdo de la página. 

 

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

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

Cambiar el número dentro() según sus necesidades.

La aplicación del código de desplazamiento horizontal hace que la ventana se mueva horizontalmente hacia el lado izquierdo de la página:

 

Desplazamiento móvil

Compensación para el botón y la ventana de chat móvil usando los códigos de 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>

Cambiar el número dentro () según sus necesidades.

Para obtener más información, consulte este artículo: API 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.

Tecnología de Zendesk