Configuración del chat en vivo en la pagina web
Este documento te ayudará a configurar completamente el chat en vivo de tu sitio web. Explica cómo crear y utilizar los
ajustes adicionales para un buzón de sitio web deseado.
Compatibilidad y requisitos
El panel de control web y el widget de chat en vivo funcionan con la mayoría de los navegadores web modernos. Estas son
las versiones de navegador admitidas:
- Mozilla Firefox: v52 en adelante
- Google Chrome: v57 en adelante
- Chromium: v57 en adelante
- Apple Safari: v14.1 en adelante
- Microsoft Edge: v16 en adelante
Aquí están las versiones admitidas de los sistemas operativos móviles para la aplicación móvil de Chatealo:
- Android: v5.0 en adelante
- iOS: v11.0 en adelante
¿Cómo crear un canal de sitio web en Chatealo?
Paso 1. Ve a la página de Buzones. Ve a Ajustes → Entradas → "Añadir Buzón".
Paso 2. Haz clic en el ícono "Website".
Paso 3. Ingresa el nombre de tu sitio web, la URL y otros detalles según se describe a continuación.
Los campos disponibles se explican a continuación:
1. Nombre del sitio web
Ingresa el nombre de tu sitio web. Por ejemplo, Ejemplo S.A.
2. Dominio del sitio web
Ingresa la URL de tu sitio web.
3. Color del widget
Haz clic en la paleta de colores y selecciona un color para el widget de chat en vivo de tu sitio web.
4. Cabecera de bienvenida
Escribe un mensaje de saludo para tus clientes. Por ejemplo, ¡Hola! 👋
5. Bienvenida tagline
Por ejemplo, Estamos aquí para ayudarte con tus preguntas. ¡Pregúntanos lo que quieras o comparte tus comentarios!
6. Habilitar/deshabilitar saludo del canal
Habilita para enviar un mensaje de saludo cuando el cliente inicia la conversación.
7. Mensaje de saludo del canal
Da un saludo para comenzar la conversación. Por ejemplo, ¡Hola! ¿En qué podemos ayudarte?
Una vez que hayas ingresado todos los detalles, haz clic en el botón "Crear buzón".
Paso 4. "Agregar agentes" a tu buzón de sitio web.
Las conversaciones serán dirigidas a los agentes solo si están asociados con el buzón. Incluso si eres un Administrador,
necesitas agregarte como agente al buzón para verlo en tu pantalla.
Selecciona a los Agentes del menú desplegable y haz clic en Agregar agentes. Si los agentes no han sido agregados, sigue
los pasos para añadir agentes.
Paso 5. ¡Hurra! Has creado exitosamente un buzón de sitio web. Ahora, agrega el widget a tu sitio web.
Copia y pega el fragmento de código mostrado en la página a tu sitio web y comienza a brindar soporte a tus clientes.
Puedes hacer clic en el botón Copiar para copiar y luego pegar en el archivo raíz de tu sitio web.
Si haces clic en el botón "Más ajustes", serás llevado a la Configuración adicional para el buzón. Si haces clic en el
botón "Llévame allí", serás llevado al buzón recién creado.
Paso 6. Si deseas actualizar los agentes con acceso al buzón, ve a Ajustes → Entradas. Podrás ver tu buzón de sitio web
listado allí. Haz clic en Colaboradores. Podrás ver la lista de agentes que tienen acceso al buzón.
Configuración completa del buzón del sitio web
Ya tienes un buzón de sitio web funcional. Echemos un vistazo a las configuraciones adicionales del buzón.
En tu pantalla de Entradas, haz clic en el ícono de engranaje para acceder a la página de Configuración. Verás la
siguiente pantalla:
Pestaña de Configuración
Deslizá hacia abajo para ver más ajustes, donde podras configurar las distintas notificaciones que te gustaría recibir
cuando tu bandeja de entrada del sitio web comience a funcionar.
Aquí tienes un par de ejemplos para que los entiendas:
Activar recopilación de correo electrónico está habilitada por defecto. Esto significa que un mensaje automático para
recopilar el correo electrónico se mostrará una vez que el cliente inicie una conversación. El cliente/usuario final
recibirá una solicitud para ingresar un correo electrónico.
Habilitar Encuesta de satisfacción. Una vez que habilites esto, tu encuesta de Satisfacción del Cliente se lanzará cada
vez que se resuelva un ticket. Los resultados del CSAT pueden ser vistos más tarde en la sección de Informes.
Haz clic en el botón "Actualizar" para guardar los cambios que hayas realizado.
Pestaña de Colaboradores
Haz clic en la pestaña "Colaboradores".
Aquí, puedes agregar Agentes a la Bandeja de entrada o eliminar Agentes que ya hayan sido agregados. También puedes
habilitar o deshabilitar la asignación automática de nuevas conversaciones a los agentes agregados a la misma.
Haz clic en "Actualizar" para guardar los cambios.
Pestaña de Horarios
Haz clic en la pestaña "Horarios". En esta sección, puedes establecer el horario laboral de tu equipo.
Marca la casilla de verificación para "Habilitar disponibilidad de atención para esta bandeja de entrada" si tienes
horarios comerciales bien definidos. Una vez que la casilla esté marcada, se abrirá una nueva sección, como se muestra a
continuación. Puedes escribir tu mensaje para que se muestre al cliente durante las horas fuera del horario comercial.
También puedes seleccionar las horas comerciales disponibles para cada día de la semana, junto con la zona horaria
adecuada.
Haz clic en el botón Actualizar las Horas de Atención.
Pestaña de Formulario Pre-Chat
Haz clic en la pestaña "Formulario Pre-Chat".
Con esto, puedes recopilar información sobre tus clientes tan pronto como ingresen a tu ventana de chat en vivo/widget
del sitio web. Puedes usar esto para recopilar nombre, dirección de correo electrónico y más antes de comenzar el chat.
Los campos que se ven se explican a continuación:
1. Habilitar formulario de pre-chat
Selecciona Sí o No. Sí, si deseas utilizar el formulario de pre-chat. No si quieres mantenerlo desactivado.
2. Mensaje de pre-chat
Escribe un mensaje para iniciar una conversación con el cliente. Por ejemplo, "Hola, necesitamos cierta información
para poder servirte mejor".
3. Campos del formulario de pre-chat
Marca los necesarios.
Importante: "Nombre," "Correo electrónico" y "Teléfono" son los únicos atributos estándar para el formulario de
pre-chat. Los otros campos se crean mediante atributos personalizados. Si necesitas campos personalizados en tu
formulario, créalos como atributos personalizados primero.
Haz clic en el botón "Actualizar". El formulario de pre-chat está habilitado ahora.
Pestaña de Configuración
Haz clic en la pestaña "Configuración". Aquí puedes encontrar el fragmento de código que debe ser copiado al sitio web.
Puedes hacer clic en el botón Copiar para copiar el código y pegarlo en el archivo raíz de tu sitio web.
Pestaña Constructor de Widget
Puedes personalizar tu widget web con ajustes simples que se encuentran en esta página. Podrás ver tus cambios en vivo.