Propiedades y funcionamiento livechat
Gráficamente, el livechat cuenta con los siguientes elementos:
Es posible cambiar las propiedades de estos elementos. En la siguiente lista se describen:
botImage: En la imagen se muestra como “Imagen del bot”. Es el avatar que presentará el chat.
botTitle: En la imagen se muestra como “Nombre del bot”. Es el título que tendrá el chat.
titleColor: Igual que el anterior, pero referente al color del texto.
buttonImage: En la imagen se muestra como “Imagen de botón de lanzamiento”. Es la imagen que representa al chat cuando no se ha maximizado.
closeImage: En la imagen se muestra como “Imagen de cierre”. Representa el icono de cierre.
headerColor: En la imagen se muestra como “Cabecera”. Es el color que tendrá tanto el botón que representa al chat como toda la cabecera.
msgBotBoxColor: En la imagen se muestra como “Mensaje del bot”. Color del fondo del contenedor de los mensajes escritos por el bot o el operador
msgBotTxtColor: Igual que la anterior, pero referente al color del texto.
msgUsrBoxColor: En la imagen se muestra como “Mensaje del usuario”. Color del fondo del contenedor de los mensajes escritos por el usuario.
msgUsrTxtColor: Igual que la anterior, pero referente al color del texto.
inCookies: Cuando está habilitada, la conversación siempre es guardada en cookies del usuario. De esa manera, cuando el usuario navega en diferentes páginas, podrá ver el historial de conversación en todas ellas. Cuando está deshabilitada, el usuario no puede ver el historial de conversaciones, simplemente la conversación que tiene activa en esa pestaña.
size: “small” o “normal”. Tamaño del botón del chat cuando está minimizado. En normal se desplegará como un botón de forma rectangular redondeada. En small se presentará como un botón redondo de 50 x 50 pixeles.
zindex: propiedad de CSS que permite poner el chat por encima de otros elementos.
openChatOnLeavingPage: Cuando está activo, el chat se abrirá cuando el usuario trate de dejar la página. El mensaje que dice el bot se puede personalizar.
secondsToOpen: Cuando tiene un valor mayor que 0, el chat se esperará esa cantidad de segundos para abrirse de forma automática.
scrollPercentToOpen: Cuando tiene un valor mayor que 0, el chat se abrirá de forma automática cuando el usuario haya hecho scroll ese valor en porcentaje. Es decir, llegar al final de una página con scroll significaría 100%. Si un usuario está posicionado al 50% de la página, un valor de 50 haría que el chat se abriera en ese momento.
ratioAssignedPercent: Actualmente el valor es obsoleto,
showWelcomeGreeting: Bandera que indica si se mostrará un mensaje emergente cuando el chat está minimizado. Este mensaje se muestra sólo 1 vez por día. El mensaje también se muestra como primera interacción cuando el usuario maximiza el chat.
welcomeGreeting: Es el texto del mensaje que se muestra si la bandera de showWelcomeGreeting está activa. Actualmente sólo soporta mensajes de texto plano, es decir no se puede presentar imágenes ni carruseles.
dotColor: En la imagen se muestra como “Punto”. Es el color del punto para dar a conocer al usuario que el bot se encuentra en línea.
buttonColorBg: Es el color de fondo de la imagen del botón de lanzamiento.
showWelcomeBotMsg: Es el mensaje que mostrará el bot al dar clic en el botón de lazamiento.
showWelcomeGreetingMobile: Indica si el mensaje del punto anterior se mostrará en móvil o no.
openChatOnLoadDesktop: Indica si el chat iniciará abierto o cerrado para escritorio.
openChatOnLoadMobile: Indica si el chat iniciará abierto o cerrado para móvil.
showWelcomeBotMsgAlways: Indica si el mensaje en showWelcomeBotMsg se muestra una vez al día o con cada clic en el botón de lanzamiento.
showWebviewOnClick: Contiene el nombre de una webview alojada en https://chat.gus.chat/webview/ la cual muestra al dar clic en el botón de lanzamiento.