Inicio Chat en vivo sitio web

Chat en vivo sitio web

Waclis
Por Waclis
5 artículos

Configuración y personalización del chat en vivo en tu sitio web

Chat en vivo en tu sitio web Configurar un chat en vivo en tu sitio web con Waclis te permite interactuar en tiempo real con tus clientes, mejorando su experiencia y facilitando la resolución de consultas. A continuación, se detallan los pasos para crear y personalizar un canal de chat en vivo en Waclis: 1. Crear un canal de chat en vivo en Waclis - Paso 1: Accede a la sección de Bandejas de Entrada en Waclis. Navega a Configuración → Entradas y haz clic en el botón "Añadir bandeja de entrada". - Paso 2: Selecciona la opción "Website". - Paso 3: Completa los detalles requeridos: - Nombre del sitio web: Ingresa el nombre de tu sitio web (por ejemplo, "Ejemplo Inc."). - Dominio del sitio web: Proporciona la URL de tu sitio web (por ejemplo, www.ejemplo.com). - Color del Widget: Elige un color que se alinee con la identidad de tu marca. - Encabezado de bienvenida: Escribe un mensaje de saludo para tus clientes (por ejemplo, "¡Hola! 👋"). - Eslogan de Bienvenida: Añade un mensaje adicional (por ejemplo, "Estamos aquí para ayudarte con tus preguntas."). - Habilitar/Deshabilitar Saludo del Canal: Activa esta opción para enviar un mensaje de saludo cuando el cliente inicie una conversación. - Mensaje de Saludo del Canal: Define el mensaje que se enviará automáticamente al comenzar una conversación (por ejemplo, "Hola. ¿En qué podemos ayudarte?"). - Paso 4: Una vez completados los campos, haz clic en "Crear bandeja de entrada". 2. Asignar agentes a la bandeja de entrada - Paso 1: Después de crear la bandeja de entrada, es esencial asignar agentes para gestionar las conversaciones. Incluso si eres administrador, debes agregarte como agente para acceder a la bandeja. - Paso 2: En la configuración de la bandeja de entrada, selecciona los agentes desde el menú desplegable y haz clic en "Agregar agentes". 3. Integrar el widget de chat en tu sitio web - Paso 1: Tras configurar la bandeja de entrada y asignar agentes, Waclis proporcionará un fragmento de código. Copia este código. - Paso 2: Pega el fragmento de código en el archivo raíz de tu sitio web para que el widget de chat aparezca y puedas comenzar a interactuar con tus clientes. 4. Configurar ajustes adicionales de la bandeja de entrada El módulo de configuración de la bandeja de entrada del chat en vivo en Waclis ofrece múltiples opciones para personalizar y optimizar el widget de chat según las necesidades de tu empresa. Ajustes Esta pestaña permite configurar cómo interactúa el chat en vivo con los visitantes de tu sitio web. Las opciones incluyen: - Habilitar bienvenida al canal: Activa un mensaje de saludo automático que se envía al cliente cuando inicia una nueva conversación. Esto mejora la experiencia del usuario desde el primer contacto. - Establecer tiempo de respuesta: Configura la expectativa de tiempo de respuesta que se mostrará en el widget del chat. Las opciones disponibles son: - "En unos minutos" - "En unas horas" - "En un día" Esto ayuda a gestionar las expectativas de los clientes y a mejorar la percepción del soporte. - Caja de recolección de correo electrónico: Solicita el correo electrónico de los clientes antes de que inicien la conversación, lo que permite identificar y almacenar los contactos automáticamente en Waclis. - Encuesta de satisfacción (CSAT): Habilita encuestas automáticas que se envían al cliente tras la resolución de una conversación, evaluando la calidad del soporte brindado. - Mensajes después de la conversación resuelta: Permite a los clientes enviar nuevos mensajes incluso si la conversación ya ha sido marcada como resuelta. - Continuidad de la conversación por correo electrónico: Si el cliente proporciona su dirección de email, las conversaciones pueden continuar vía correo electrónico, garantizando una comunicación fluida. - Centro de ayuda: Selecciona un centro de ayuda que hayas configurado en Waclis para que esté disponible como una opción accesible desde el widget de chat. - Características adicionales: - Mostrar el selector de archivos en el widget: Permite a los clientes adjuntar archivos en sus mensajes. - Mostrar el selector de emojis en el widget: Mejora la experiencia del cliente añadiendo un selector de emojis para mensajes más expresivos. - Permitir a los usuarios finalizar conversaciones desde el widget: Los clientes pueden cerrar la conversación directamente desde el widget. - Usar nombre de bandeja de entrada y avatar para el bot: Configura un avatar y nombre personalizados para representar la bandeja de entrada. - Nombre del remitente: Define el nombre que aparecerá como remitente en los correos electrónicos enviados desde esta bandeja de entrada. Colaboradores Esta pestaña gestiona los agentes asignados y las configuraciones de asignación de conversaciones: - Agentes: Añade o elimina agentes asignados a esta bandeja de entrada. - Asignación de conversación: - Activar asignación automática: Permite asignar automáticamente las nuevas conversaciones a los agentes disponibles. - Límite de asignación automática: Establece un límite máximo de conversaciones que un agente puede gestionar automáticamente. - Permisos de agente: - Permitir que los agentes eliminen mensajes en una conversación. Horarios Configura en esta pestaña los horarios de atención para la bandeja de entrada: - Habilitar disponibilidad de atención: Muestra las horas de operación en el widget de chat. Si los agentes están fuera de línea, los visitantes recibirán un mensaje informativo junto con un formulario de contacto prechat. Pre-formulario de chat En esta pestaña encontraras los formularios de prechat que capturan información básica del usuario antes de iniciar una conversación: - Mensaje de prechat: Un campo de texto extendido para configurar el mensaje inicial que verán los usuarios. - Campos del formulario: - Activa campos como email, nombre y teléfono, o incluso campos personalizados creados previamente. - Configura si los campos son obligatorios, define etiquetas y posiciones dentro del formulario. Constructor de Widget Dentro de esta pestaña podras personalizar la apariencia del widget de chat para adaptarlo a la identidad visual de tu marca: - Avatar del widget: Subir un avatar personalizado. - Nombre del sitio web: Configurar el nombre que se mostrará en el widget. - Cabecera de bienvenida: Configura un mensaje de encabezado visible en el widget. - Bienvenido Tagline: Un subtítulo que refuerza la bienvenida. Ejemplo: "Estamos aquí para ayudarte". - Tiempo de respuesta: Configura el tiempo esperado para responder (en unos minutos, en unas horas o en un día). - Color del widget: Utiliza un selector de color para ajustar el diseño del widget. - Posición de Bubble del Widget: Elige entre las posiciones izquierda o derecha para ubicar el widget en el sitio web. - Tipo de burbuja de widget: - Estándar: Muestra solo el ícono del widget. - Burbuja expandida: Muestra texto adicional junto al ícono del widget, como un mensaje de bienvenida. - Título del lanzador Bubble de Widget: Configura un título que motive a los visitantes a iniciar el chat. - Botón "Actualizar ajustes del widget": Guarda y aplica los cambios realizados. Configuración En la pestaña de configuracion podras administrar el script del widget y otras configuraciones técnicas: - Script de Messenger: Proporciona el fragmento de código que debe insertarse dentro de la etiqueta <body> del sitio web para habilitar el chat. - Validación de identidad de usuario: - Forzar validación de identidad de usuario: Rechaza solicitudes sin el parámetro identifier_hash para garantizar seguridad y autenticación. Configuración del Bot Permite integrar bots de agente para manejar conversaciones iniciales: - Seleccione un bot de agente: Asigna un bot configurado para gestionar automáticamente las interacciones iniciales y transferirlas a un agente cuando sea necesario. Al seguir estos pasos, podrás implementar y personalizar eficazmente un chat en vivo en tu sitio web utilizando Waclis, mejorando la comunicación y satisfacción de tus clientes.

Última actualización el Nov 29, 2024

Cómo instalar un chat en vivo de Waclis en Nextiendas

Integrar el chat en vivo de Waclis en tu sitio web de Nextiendas permite brindar soporte en tiempo real a tus clientes, mejorando la interacción y facilitando la resolución de dudas. Este tutorial te guiará paso a paso para configurar e instalar el chat en vivo en tu sitio web. 1. Crear una bandeja de entrada en Waclis Paso 1: Accede a tu cuenta de Waclis 1. Inicia sesión en tu cuenta de Waclis con tus credenciales. Paso 2: Configura la bandeja de entrada 1. Dirígete a Ajustes > Engradas. 2. Haz clic en Añadir Bandeja de Entrada. 3. Selecciona el tipo de canal Website. Paso 3: Configura los detalles del canal 1. Completa los siguientes campos: - Nombre del sitio web: Introduce el nombre de tu negocio (ejemplo: "Mi sitio web"). - Dominio del sitio web: Escribe la URL de tu sitio web en Nextiendas (ejemplo: "https://mitienda.nextiendas.com" o el dominio que hayas configurado dentro de Nextiendas). - Color del widget: Selecciona el color que mejor se alinee con la identidad de tu marca. - Encabezado de bienvenida: Escribe un mensaje de saludo (ejemplo: "¡Hola! Estamos aquí para ayudarte"). - Mensaje de bienvenida del canal: Define un mensaje que se enviará automáticamente al iniciar una conversación (ejemplo: "Hola, ¿cómo podemos ayudarte hoy?"). Paso 4: Guardar la configuración 1. Haz clic en Crear Bandeja de Entrada para guardar los cambios. 2. Asigna los agentes que gestionarán las conversaciones en esta bandeja de entrada. Paso 5: Copia el script del widget 1. Ve a la pestaña Configuración dentro de la bandeja de entrada creada. 2. Copia el script del widget de chat que aparece. Este script será el que integres en tu sitio de Nextiendas. En caso que desees realizar configuraciones adicionales o avanzadas, visita el tutorial **Configuración y personalización del chat en vivo en tu sitio web ** 2. Instalar el script en Nextiendas Paso 1: Accede a tu cuenta de Nextiendas 1. Inicia sesión en tu cuenta de Nextiendas. Paso 2: Dirígete al editor del sitio 1. En el panel de control, haz clic en Editar Sitio > Diseño > Personaliza tu plantilla. Paso 3: Abre el editor de código JavaScript 1. Haz clic en la opción Editor JS para abrir el editor donde puedes agregar scripts personalizados. Paso 4: Pega el script de Waclis 1. Pega el script del widget de Waclis que copiaste anteriormente. Paso 5: Guarda y publica los cambios 1. Haz clic en Guardar para aplicar los cambios en el diseño. 3. Verificar la integración Paso 1: Accede a tu sitio web 1. Visita tu sitio web en Nextiendas para comprobar si el chat en vivo de Waclis aparece en la esquina seleccionada del sitio. Paso 2: Realiza una prueba 1. Abre el widget y envía un mensaje de prueba para confirmar que las conversaciones llegan a la bandeja de entrada configurada en Waclis. Consideraciones importantes - Personalización del widget: Puedes ajustar colores, mensajes y posición del chat en el constructor de widget dentro de Waclis. - Disponibilidad de agentes: Asegúrate de que haya agentes asignados y disponibles para responder las conversaciones. - Soporte adicional: Si encuentras dificultades durante la integración, consulta el soporte de Nextiendas o Waclis. Con esta integración, ahora puedes ofrecer atención personalizada en tiempo real directamente desde tu sitio de Nextiendas, mejorando la experiencia del cliente y aumentando las conversiones.

Última actualización el Nov 29, 2024

Instalar el chat en vivo de Waclis utilizando Google Tag Manager (GTM)

Integrar el chat en vivo con Google Tag Manager Google Tag Manager (GTM) es una herramienta que simplifica la gestión de fragmentos de código en un sitio web, permitiéndote agregar funcionalidades como el chat en vivo de Waclis sin necesidad de modificar directamente el código fuente. Integrar Waclis con GTM ofrece varias ventajas: - Flexibilidad: Puedes administrar el script del chat desde una sola interfaz, facilitando cambios y actualizaciones. - Eficiencia: GTM te permite activar el chat en páginas específicas o en todo el sitio web con solo unos clics. - Seguimiento avanzado: Puedes combinar el chat en vivo con otras etiquetas de GTM para medir la interacción del usuario o personalizar su experiencia según su comportamiento. Pasos para instalar el chat en vivo de Waclis con GTM Paso 1: Obtener el código del widget de Waclis 1. Inicia sesión en tu cuenta de Waclis. 2. Ve a Ajustes > Entradas y selecciona la bandeja de entrada del chat en vivo que deseas integrar. 3. En la pestaña Configuración, copia el script del widget del Messenger proporcionado. Este código será el que insertarás en GTM. Paso 2: Accede a Google Tag Manager 1. Inicia sesión en tu cuenta de Google Tag Manager. 2. Selecciona el contenedor correspondiente al sitio web donde deseas instalar el chat en vivo. Paso 3: Crear una nueva etiqueta para Waclis 1. Desde el espacio de trabajo en GTM, haz clic en "Añadir una nueva etiqueta". 2. Asigna un nombre descriptivo a la etiqueta, como "Chat en vivo de Waclis". 3. Haz clic en "Configuración de la etiqueta" y selecciona "HTML personalizado". 4. Pega el script del widget copiado desde Waclis en el campo de código HTML. 5. Si el script requiere document.write, marca la casilla "Soportar document.write". 6. Haz clic en Guardar para guardar esta etiqueta. Paso 4: Configurar el activador 1. En la sección de activación, haz clic en "Activar". 2. Selecciona "Todas las páginas" para mostrar el widget de chat en todas las páginas de tu sitio web. 3. Si prefieres limitar el chat a páginas específicas (como la página de contacto o de productos), selecciona "Algunas páginas" y configura las reglas correspondientes. Por ejemplo: - Mostrar el chat solo en páginas cuyo URL contenga "/contacto". 4. Haz clic en Guardar para completar la configuración del activador. Paso 5: Publicar la etiqueta 1. Revisa que tanto la etiqueta como el activador estén configurados correctamente. 2. Haz clic en Guardar para confirmar los cambios. 3. En el espacio de trabajo, haz clic en "Enviar" y proporciona una descripción para esta versión (por ejemplo, "Implementación del chat en vivo de Waclis"). 4. Haz clic en Publicar para activar la etiqueta en tu sitio web. Paso 6: Verificar la integración 1. Abre tu sitio web en un navegador y actualiza la página. 2. Verifica que el widget del chat de Waclis aparezca en la posición configurada. 3. Haz una prueba enviando un mensaje para confirmar que las conversaciones se reciben correctamente en la bandeja de entrada de Waclis. Beneficios de esta integración 1. Simplificación de la gestión de código: Puedes administrar el script del chat sin tocar el código fuente del sitio web. 2. Flexibilidad en la implementación: Activa el widget en todas las páginas o solo en aquellas que consideres relevantes. 3. Personalización: Utiliza GTM para realizar pruebas A/B y ajustar la posición o visibilidad del widget según las necesidades del usuario. 4. Análisis integrado: Combina la interacción del chat con datos de Google Analytics para medir el impacto del chat en tus conversiones.

Última actualización el Nov 29, 2024

¿Cómo continuar conversaciones a través del correo electrónico?

Continuidad de las conversaciones por email Para garantizar una comunicación fluida con tus clientes, es esencial que las conversaciones iniciadas a través del chat en vivo puedan continuar por correo electrónico, especialmente en situaciones donde el cliente se desconecta antes de recibir una respuesta o cuando no hay agentes disponibles en tiempo real. Esta funcionalidad permite que los clientes reciban las respuestas de los agentes directamente en su correo electrónico y puedan continuar la conversación desde allí. Requisitos previos: - Obtener la dirección de correo electrónico del cliente: Es fundamental que el sistema tenga registrada la dirección de correo electrónico del cliente para poder enviarle las respuestas y permitir la continuidad de la conversación. Métodos para obtener la dirección de correo electrónico del cliente: 1. Formulario previo al chat: Puedes habilitar un formulario que solicite al cliente su dirección de correo electrónico antes de iniciar la conversación. Esto asegura que, desde el comienzo, se tenga la información necesaria para continuar la comunicación por otros medios si es necesario. 2. Solicitud durante la conversación: Si no se obtuvo el correo electrónico al inicio, el agente puede solicitarlo durante la conversación para asegurarse de que, en caso de desconexión, pueda continuar la comunicación por correo electrónico. Configuración para la continuidad de la conversación por correo electrónico: 1. Habilitar la funcionalidad en la plataforma: Asegúrate de que la opción de "Continuidad de la conversación por correo electrónico" esté activada en la configuración de tu plataforma de chat. Esto permitirá que, una vez que se tenga la dirección de correo del cliente, las respuestas de los agentes se envíen automáticamente al correo del cliente si este se desconecta del chat. Proceso de continuidad de la conversación: - Cliente inicia una conversación en el chat en vivo. - Si el cliente se desconecta antes de recibir una respuesta: - Con correo electrónico registrado: El sistema envía la respuesta del agente al correo electrónico del cliente, permitiendo que este continúe la conversación desde su bandeja de entrada. - Sin correo electrónico registrado: Se pierde la oportunidad de continuar la conversación, ya que no hay un medio para contactar al cliente. - Si el cliente permanece en la conversación: - La comunicación continúa en tiempo real a través del chat en vivo. Beneficios de esta funcionalidad: - Mejora la experiencia del cliente: Permite que los clientes reciban respuestas incluso si no pueden permanecer en el chat, mostrando compromiso y atención por parte de la empresa. - Aumenta la eficiencia del soporte: Los agentes pueden responder a las consultas sin preocuparse por la disponibilidad inmediata del cliente en el chat, sabiendo que su respuesta llegará por correo electrónico. - Facilita el seguimiento de conversaciones: Al mantener un hilo continuo de comunicación, es más sencillo para los agentes revisar el historial y contexto de las interacciones previas. Implementar la continuidad de las conversaciones a través del correo electrónico es una estrategia efectiva para mantener una comunicación constante y efectiva con tus clientes, asegurando que sus consultas sean atendidas oportunamente, independientemente de su disponibilidad en el chat en vivo.

Última actualización el Nov 29, 2024

Habilitar la validación de identidad en Waclis

¿Cómo habilitar la validación de identidad en Waclis? La validación de identidad en Waclis es una medida de seguridad que protege las conversaciones entre tus clientes y tu equipo. Esta funcionalidad asegura que cada usuario que interactúa con el chat sea quien dice ser, evitando suplantaciones de identidad. De esta forma, se garantiza que los datos y mensajes compartidos sean privados y estén vinculados únicamente al cliente correcto. Esto es especialmente útil para empresas que manejan información sensible, como datos personales, consultas financieras o detalles confidenciales. Esta funcionalidad utiliza un código HMAC (Código de Autenticación de Mensajes Basado en Hash) generado a partir de un identificador único para cada usuario. A continuación, te explicamos cómo habilitar esta función y generar el HMAC paso a paso. Pasos para habilitar la validación de identidad 1. Obtener la clave HMAC del widget en Waclis 1. Inicia sesión en tu cuenta de Waclis. 2. Ve a Ajustes > Entradas. 3. Selecciona la bandeja de entrada donde deseas activar la validación de identidad y haz clic en Configuración. 4. Busca la sección Validación de Identidad. 5. Copia el token que se muestra; este será tu webwidget-hmac-token. 2. Generar el HMAC utilizando la clave y el identificador del usuario El HMAC se genera combinando el webwidget-hmac-token y un identificador único (identifier) que representa al usuario. Esto asegura que cada interacción esté vinculada a un cliente específico. Aquí te mostramos cómo generar el HMAC en diferentes lenguajes de programación: - PHP: phpCopiar código<?php $key = '<webwidget-hmac-token>'; $message = '<identifier>'; $identifier_hash = hash_hmac('sha256', $message, $key); ?> - JavaScript (Node.js): javascriptCopiar códigoconst crypto = require('crypto'); const key = '<webwidget-hmac-token>'; const message = '<identifier>'; const hash = crypto.createHmac('sha256', key).update(message).digest('hex'); - Python: pythonCopiar códigoimport hashlib import hmac secret = bytes('<webwidget-hmac-token>', 'utf-8') message = bytes('<identifier>', 'utf-8') hash = hmac.new(secret, message, hashlib.sha256) hash.hexdigest() - Ruby: rubyCopiar códigorequire 'openssl' key = '<webwidget-hmac-token>' message = '<identifier>' OpenSSL::HMAC.hexdigest('sha256', key, message) - Golang: goCopiar códigopackage main import ( "crypto/hmac" "crypto/sha256" "encoding/hex" ) func main() { secret := []byte("<webwidget-hmac-token>") message := []byte("<identifier>") hash := hmac.New(sha256.New, secret) hash.Write(message) hex.EncodeToString(hash.Sum(nil)) } ** 3. Implementar la validación en tu aplicación** 1. Utiliza el identifier_hash generado en el paso anterior para autenticar las interacciones de los usuarios con el widget de chat en Waclis. 2. Asegúrate de que todas las solicitudes al widget incluyan este identifier_hash. Esto garantiza que solo usuarios autenticados puedan interactuar con la plataforma de manera segura. Importancia de la validación de identidad Activar la validación de identidad en Waclis tiene múltiples beneficios: - Privacidad de las conversaciones: Solo usuarios autenticados pueden acceder a ciertas interacciones, protegiendo datos sensibles. - Evitar suplantaciones: La validación asegura que cada conversación esté vinculada al usuario correcto. - Cumplimiento de normativas: Muchas industrias requieren medidas estrictas para proteger la información personal de los usuarios. - Mejora de la experiencia del cliente: Garantiza una interacción más confiable y segura. Con estos pasos, puedes implementar la validación de identidad en Waclis y proporcionar una experiencia más segura y profesional a tus clientes. Si necesitas más ayuda, consulta nuestro soporte técnico.

Última actualización el Nov 29, 2024