Chat web
Qué es el Chat web, dónde se abre, qué puedes personalizar, cómo se instala y qué pasa al pausarlo o eliminarlo.
En esta página
Qué es
El Chat web, si lo ves en Canales, es una ventana de chat en tu sitio web, atendida por el mismo vendedor que tus otros canales. No tiene plazo para responder, y sus conversaciones cuentan como sesiones de tu plan.
Tu tienda
Responde al instante
¡Hola! ¿En qué te ayudo?
¿Qué productos tienen?
¿Cuánto cuesta el envío?
¿Dónde están ubicados?
Escribe un mensaje
Dónde se abre
El chat solo se abre en las direcciones de tu lista, hasta 20. Cada una empieza con https:// y no lleva rutas, asteriscos ni direcciones IP; la versión con www y la sin www son direcciones distintas.
Apariencia
Del Chat web eliges el saludo (hasta 500 caracteres), hasta 5 preguntas sugeridas de 100 caracteres, el color, si el botón va abajo a la izquierda o a la derecha, y el idioma: español, portugués o inglés. Los cambios llegan a tu sitio en menos de un minuto.
Si no agregas preguntas sugeridas propias, el Chat web muestra tres: ¿Qué productos tienen?, ¿Cuánto cuesta el envío? y ¿Dónde están ubicados?, en el idioma del chat. Apenas agregas una tuya, se muestran solo las tuyas.
Instalación
El Chat web, si lo ves en Canales, se instala con un código que va en tu sitio, antes del cierre de la página; el panel tiene guías para Shopify, WordPress, Wix, Tiendanube y cualquier sitio HTML. En Mi web yavendió! se activa con un clic, sin pegar nada.
El estado del Chat web es Activo, Pausado, Aún no instalado o Instalado en X de Y direcciones. Cada dirección pasa a Detectado la primera vez que alguien abre el chat en ese sitio.
Código de instalación
El código que entrega el panel carga el chat desde chat.ya.onl:
<script async src="https://chat.ya.onl/v1/loader.js" data-widget="TU_CLAVE" data-lang="es"></script>| Atributo | Valor |
|---|---|
data-widget |
La clave de tu Chat web. Cambia si cambias la clave. |
data-lang |
Idioma del chat: es, pt o en. |
data-position |
Solo aparece con left, si el botón va abajo a la izquierda. Sin él, va a la derecha. |
Atributos opcionales
El código del panel trae data-widget y data-lang (y data-position si elegiste la izquierda). Estos se agregan a mano en la misma etiqueta:
| Atributo | Qué hace |
|---|---|
data-color |
Color del botón, en #rgb o #rrggbb. El ícono toma blanco o negro, el que mejor contraste. |
data-label |
Texto al lado del ícono, hasta 40 caracteres. El botón pasa de redondo a píldora. |
data-z-index |
Nivel de capa del botón y del chat, de 0 a 2147483647 (el máximo, por defecto). Bájalo si tus ventanas propias deben tapar el chat. |
Avisos en la consola del navegador
| Mensaje | Qué significa |
|---|---|
ya-webchat: the chat could not load on this page… |
Ese sitio no está en tus Direcciones. |
missing data-widget on the loader <script>… |
Al código le falta la clave. |
ignoring data-color / data-z-index… |
El valor no es válido y se ignora. |
Sitios con política de seguridad (CSP)
Si tu sitio define su propia política de seguridad de contenido (Content-Security-Policy), agrega chat.ya.onl en estas dos directivas. No hace falta connect-src: el chat se comunica desde su propia ventana.
Content-Security-Policy:
script-src https://chat.ya.onl;
frame-src https://chat.ya.onl;Tiendanube y Shopify no traen una política que bloquee el chat, y Wix y WordPress no traen ninguna.
Quién escribe
Quien escribe por el Chat web llega sin nombre ni teléfono: tu vendedor le pide los datos que necesita para el pedido. Como el visitante puede cerrar la página, el vendedor responde todo en el mismo mensaje.
Pausar, eliminar o cambiar la clave
Pausar el Chat web hace que el botón deje de abrirse en menos de un minuto, y se vuelve a encender con un clic. Eliminarlo borra su configuración, el código instalado deja de funcionar y también sale de Mi web. Cambiar la clave hace que el código instalado deje de funcionar en un minuto, hasta que pegues el nuevo.
¿Te sirvió este artículo?
Relacionados
