top of page
Buscar

Personalización del chat de Pitzil

  • 10 abr
  • 2 Min. de lectura

Les informamos que hemos sumado desarrollo en la forma en la que se visualiza el chat de dicho proveedor, esto es debido a que se han reportado casos en donde el botón del chat se sobrepone a otros elementos webs. 

A partir del día de hoy les comparto cómo gestionar el chat de Pitzil para esos casos:

En la llamada del script a la URL de Pitzil, se pueden utilizar ciertos parámetros (https://chat.gurusoluciones.com/api/assets/chat.js?param=valor)

  • id: obligatorio, es el número identificador del chat del cliente.

  • minimized: true / false indicando si mostrar inicialmente el chat minimizado.

  • borderColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el borde.

  • headerBackgroundColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el fondo de la cabecera del chat.

  • headerTextColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el texto de la cabecera.

  • iconBackgroundColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el fondo del icono, cuando está minimizado.

  • iconTextColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el texto del icono.

  • buttonBackgroundColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el fondo del botón de enviar.

  • buttonTextColor: valor hexadecimal tipo #000000 o valor css tipo white/black/red/etc. con el color deseado para el texto del botón de enviar.

  • assistantName: nombre de cliente a mostrar en la parte superior del chat.

  • mode: poner valor modal si queremos que en desktop se muestre el mismo icono que mobile, en lugar del icono más grande con el texto "¿Necesitas ayuda? +".

  • pbottomdesktop: número de píxeles desde el fondo de la pantalla para mostrar el icono y el chat en la versión desktop, por ejemplo "10px". Si no se pasa este parámetro se mantiene el valor por defecto actual.

  • pleftdesktop: número de píxeles desde la izquierda de la pantalla para mostrar el icono y el chat en la versión desktop, por ejemplo "10px". Si no se pasa este parámetro se mantiene el valor por defecto actual.

  • prightdesktop: número de píxeles desde la derecha de la pantalla para mostrar el icono y el chat en la versión desktop, por ejemplo "10px". Si no se pasa este parámetro se mantiene el valor por defecto actual. Si se pasan pleft y pright, se toma pleft y se ignora pright.

  • pbottommobile: número de píxeles desde el fondo de la pantalla para mostrar el icono y el chat en la versión mobile, por ejemplo "10px". Si no se pasa este parámetro se mantiene el valor por defecto actual.

  • pleftmobile: número de píxeles desde la izquierda de la pantalla para mostrar el icono y el chat en la versión mobile, por ejemplo "10px". Si no se pasa este parámetro se mantiene el valor por defecto actual.

  • prightmobile: número de píxeles desde la derecha de la pantalla para mostrar el icono y el chat en la versión mobile, por ejemplo "10px". Si no se pasa este parámetro se mantiene el valor por defecto actual. Si se pasan pleft y pright, se toma pleft y se ignora pright.

Sería meter todos los parametros que necesiten separados con &

Por favor informar a  sus equipos.




 
 
 

Comments

bottom of page