Cómo poner Live Chat en tu sitio web
Live Chat pone un widget de chat en tu sitio para que te escriban en vez de llamar. Esta guía cubre cómo activarlo, personalizar su apariencia e idioma, y las dos formas alternativas de instalarlo, incluido el error que carga el widget dos veces.
Qué hace Live Chat
Live Chat coloca un widget de chat en tu sitio web para que quien te visita pueda escribirte sin tomar el teléfono. Tú controlas cómo se ve, qué dice y en qué idioma habla.
Configurarlo
- Inicia sesión en tu Zonitel Office Portal.
- En el menú lateral izquierdo, expande Settings y haz clic en Live Chat.
- En la pestaña Settings, activa Integration enabled. El widget solo se carga en tu sitio mientras esto esté activo.
Apariencia
- Chat title y Chat subtitle: lo que se ve en la parte superior del widget.
- Primary color: se usa en el encabezado, el botón de enviar y las burbujas de mensaje de quien te escribe. Combínalo con tu sitio para que no parezca añadido.
- Agent avatar: opcional, hasta 3 MB. Una cara real recibe más respuestas que un ícono genérico.
- Welcome message: lo primero que ve la persona cuando abre el chat.
- Button text: el texto del botón que abre el chat.
Negocio
- Business URL: el sitio donde está instalado el widget.
- Phone number: número de contacto opcional.
- Language: inglés, español, francés o alemán.
Una vista previa en vivo junto al formulario muestra tus cambios mientras los haces. Haz clic en Save settings cuando se vea bien.
Instalar el widget en tu sitio
Abre la pestaña Widget. Tu Widget ID aparece arriba: es lo que vincula el código con tu cuenta.
Hay dos formas de instalarlo, y son alternativas, no pasos consecutivos.
Opción A: agregarlo a un sitio que ya tienes
Es el caso más común. Copia dos fragmentos de código en tu sitio:
- Dentro de <head>: carga los estilos y el script del widget.
- Justo antes de </body>: inicia el widget con tu ID.
Agrégalos en cada página donde deba aparecer el chat. Si tu sitio usa una plantilla compartida, ponerlos ahí una vez cubre todo el sitio.
Opción B: partir de una página completa
Si todavía no tienes sitio web, el portal te da una plantilla de página completa que ya incluye los dos fragmentos de la Opción A.
No uses las dos opciones. La Opción B ya incluye el código de la Opción A, así que pegar ambas carga el widget dos veces.
Dónde llegan las conversaciones
Cuando alguien te escribe desde el sitio, la conversación llega a Conversations > Inbox, en el mismo lugar que tus mensajes de texto. Quien esté atendiendo la bandeja puede responder desde el portal o la aplicación móvil, y el hilo queda junto al resto del historial de ese cliente.
Eso también significa que lo que ya haces se aprovecha aquí: los contactos guardados muestran un nombre en vez de un desconocido, y las plantillas de mensajes también funcionan. Consulta Cómo crear y usar plantillas de mensajes.
Antes de publicarlo
- Abre tu sitio en una ventana privada y revisa que el widget aparezca donde esperas.
- Envíate un mensaje de prueba y confirma que alguien de tu equipo lo ve.
- Lee tu mensaje de bienvenida como lo leería un desconocido: marca el tono de todas las conversaciones.
- Definan quién atiende el chat en horario de oficina. Un widget que nadie responde es peor que no tenerlo.
Preguntas Frecuentes (FAQ)
P: ¿Necesito un programador?
R: La Opción A son dos fragmentos para copiar y pegar. Cualquiera que pueda editar la plantilla de tu sitio puede hacerlo.
P: ¿Puedo apagar el widget sin quitar el código?
R: Sí. Desactiva Integration enabled y deja de cargarse.
P: ¿Puedo cambiar los colores después?
R: Sí, desde la pestaña Settings. El código de tu sitio no cambia.
P: ¿Qué idiomas admite?
R: Inglés, español, francés y alemán.
¿Necesitas ayuda?
Llamada/Texto/WhatsApp: (833) 966-4835
Email: info@zonitel.com