Este documento le ayudará a configurar completamente el chat en vivo de su sitio web. Explica cómo crear y usar los ajustes adicionales para la bandeja de entrada del sitio web deseado.
Compatibilidad y requisitos
El panel web y el widget de chat en vivo funcionan con la mayoría de los navegadores web modernos. Estas son las versiones de navegador compatibles:
-
Mozilla Firefox: desde la v52 en adelante
-
Google Chrome: desde la v57 en adelante
-
Chromium: desde la v57 en adelante
-
Apple Safari: desde la v14.1 en adelante
-
Microsoft Edge: desde la v16 en adelante
Estas son las versiones de sistema operativo móvil compatibles para la aplicación móvil de Chatwoot:
-
Android: desde la v5.0 en adelante
-
iOS: desde la v11.0 en adelante
¿Cómo crear un canal de sitio web en Chatwoot?
Paso 1. Vaya a la página de Bandejas de entrada. Diríjase a Configuración → Bandejas de entrada → botón "Agregar bandeja de entrada".
Paso 2. Haga clic en el ícono "Sitio web".
Paso 3. Ingrese el nombre de su sitio web, URL y otros detalles como se describe a continuación.
Los campos disponibles se explican a continuación.
-
Nombre del sitio web
Ingrese el nombre de su sitio web. Por ejemplo, Example Inc.
-
Dominio del sitio web
Ingrese la URL de su sitio web. Por ejemplo,
www.example.com -
Color del widget
Haga clic en la paleta y seleccione un color para el widget de chat en vivo de su sitio web.
-
Encabezado de bienvenida
Escriba un mensaje de saludo para sus clientes. Por ejemplo, ¡Hola! 👋
-
Lema de bienvenida
Por ejemplo, Estamos aquí para ayudarte con tus preguntas. Escríbenos lo que quieras, o comparte tu feedback.
-
Activar/desactivar saludo del canal
Active para enviar el mensaje de saludo cuando el cliente inicie la conversación
-
Mensaje de saludo del canal
Escriba un saludo para iniciar la conversación. Por ejemplo: Hola. ¿En qué podemos ayudarte?
Una vez ingresados todos los detalles, haga clic en el botón “Crear bandeja de entrada”.
Paso 4. "Agregue agentes" a la bandeja de entrada de su sitio web.
Las conversaciones serán asignadas a los agentes solo si están asociados a la bandeja de entrada. Incluso si es Administrador, debe agregarse como agente a la Bandeja para poder verla en su pantalla.
Seleccione los agentes del menú desplegable y haga clic en Agregar agentes. Si no hay agentes añadidos, siga los pasos para agregar agentes.
Paso 5. ¡Listo! Ha creado exitosamente una bandeja de entrada de sitio web. Ahora, agregue el widget a su sitio web.
Copie y pegue el fragmento de código que aparece en la página en su sitio web y comience a atender a sus clientes. Puede hacer clic en el botón Copiar para copiar y luego pegarlo en el archivo raíz de su sitio web.
Si hace clic en el botón "Más ajustes", será dirigido a la Configuración Adicional de la Bandeja de Entrada. Si hace clic en el botón "Llévame allí", será dirigido a la bandeja de entrada que acaba de crear.
Paso 6. Si desea actualizar los agentes con acceso a la bandeja de entrada, vaya a Configuración → Bandejas de entrada. Podrá ver la bandeja de entrada de su sitio web en la lista. Haga clic en Configuración. Podrá ver el código así como la lista de agentes que tienen acceso a la bandeja.
Complete la configuración de la bandeja de entrada del sitio web
Ya tiene una bandeja de entrada funcional en su sitio web. Veamos los ajustes adicionales de la Bandeja de Entrada.
En su pantalla de Bandejas de entrada, haga clic en el ícono de engranaje para llegar a la página de Configuración. Verá la siguiente pantalla:
Pestaña de Configuración
Desplácese hacia abajo para ver más ajustes, donde podrá configurar las notificaciones que desea recibir cuando la bandeja de entrada de su sitio web comience a funcionar.
Aquí tiene un par de ejemplos para su comprensión:
Activar caja de recolección de correo electrónico está activado por defecto. Esto significa que se mostrará un mensaje automático para solicitar el correo electrónico del usuario una vez que inicie la conversación. El cliente/usuario final recibirá un mensaje solicitando introducir su dirección de correo.
Habilitar CSAT. Una vez activado, la encuesta de Satisfacción del Cliente se mostrará cada vez que un ticket sea resuelto. Los resultados del CSAT se podrán consultar después en la sección de Informes.
Haga clic en el botón "Actualizar" para guardar los cambios realizados.
Pestaña de Colaboradores
Haga clic en la pestaña "Colaboradores".
Aquí puede agregar Agentes a la Bandeja de entrada o eliminar Agentes ya añadidos. También puede activar o desactivar la asignación automática de nuevas conversaciones a los agentes añadidos en esta bandeja.
Haga clic en Actualizar para guardar los cambios.
Pestaña de Horario Laboral
Haga clic en la pestaña "Horario laboral". En esta sección, puede establecer el horario laboral de su equipo.
Marque la casilla para Activar disponibilidad horaria para esta bandeja de entrada si tiene un horario laboral bien definido. Una vez marcado, se abrirá una nueva sección como se muestra a continuación. Puede escribir el mensaje que se mostrará a los clientes fuera del horario laboral.
Nota: Cuando Captain está habilitado en una bandeja de entrada, el mensaje de no disponibilidad se suprime automáticamente. Captain gestionará las conversaciones directamente, incluso fuera del horario laboral. El mensaje de no disponibilidad solo se enviará si Captain transfiere la conversación a un agente humano o si Captain no está configurado para la bandeja.
También puede seleccionar el horario laboral disponible para cada día de la semana junto con la zona horaria correspondiente.
Haga clic en el botón Actualizar ajustes de horario laboral.
Pestaña de Formulario previo al Chat
Haga clic en la pestaña "Formulario previo al chat".
Con esto, podrá recopilar información de sus clientes tan pronto como ingresen a la ventana de chat en vivo/widget. Puede utilizar esto para recabar nombre, correo electrónico y más antes de iniciar el chat.
Los campos que se ven, se describen a continuación:
-
Activar formulario previo al chat
Seleccione Sí o No. Sí si quiere usar el formulario previo al chat. No si desea mantenerlo desactivado.
-
Mensaje previo al chat
Escriba un mensaje para iniciar la conversación con el cliente. Por ejemplo: Hola, necesitamos algunos datos para atenderte mejor.
-
Campos del formulario previo al chat
Marque los necesarios.
Importante: "Nombre," "Correo electrónico" y "Teléfono" son los únicos atributos estándar para el formulario previo al chat. Los demás campos se crean mediante atributos personalizados. Si necesita campos personalizados en su formulario, créelos como atributos personalizados primero.
Haga clic en el botón "Actualizar". El formulario previo al chat ya está habilitado.
Pestaña de Configuración
Haga clic en la pestaña “Configuración”. Aquí puede encontrar el fragmento de código para copiar en su sitio web.
Puede hacer clic en el botón Copiar para copiar el código y pegarlo en el archivo raíz de su sitio web.
Pestaña Constructor de Widget
Puede personalizar su widget web con los ajustes simples que se encuentran en esta página. Podrá ver los cambios en tiempo real.
