Introducción
La función de chat de marketing de ellocharlie permite a las empresas integrar una experiencia de chat en vivo directamente en sus sitios web. Los visitantes pueden iniciar conversaciones sin abandonar el sitio; estos chats aparecen en el portal de ellocharlie, donde los miembros de su equipo gestionan, responden y realizan seguimiento de la interacción con los visitantes. El widget es completamente de marca blanca, respetando los colores, el logotipo y el nombre de su empresa.
Cómo funciona
El chat de marketing se entrega como un módulo JavaScript ligero e incrustable. Los propietarios de sitios web incluyen una simple etiqueta de script en su sitio con parámetros de configuración y de tenant. El widget inicializa un iframe que se conecta al backend de ellocharlie, carga el contexto de su marca y establece una sesión de chat persistente. Los mensajes de los visitantes fluyen hacia el backend de ellocharlie, donde se almacenan y se muestran a los miembros del equipo a través de la interfaz principal del portal.
El estado del chat se gestiona a través de la aplicación ellocharlie y es accesible mediante cuadros de diálogo modales y paneles laterales integrados en el portal principal. Las conversaciones de chat están asociadas a metadatos del visitante (IP, referrer e información del navegador cuando está disponible), y el historial de chat es persistente: las conversaciones pasadas pueden buscarse y revisarse.
Guía de uso
Para propietarios de sitios web (integración)
Paso 1: Obtenga su script de integración
El script de integración de su chat de marketing está disponible en la configuración de su tenant de ellocharlie. El script incluye su ID de tenant único y puede personalizarse con los colores de su marca.
Paso 2: Añada el script a su sitio web
Incluya el script del chat de marketing en su sitio web añadiendo el siguiente código a su HTML, normalmente en el pie de página o antes del cierre </body> :
<script
src="https://your-ellocharlie-domain/embed/chat.js"
data-tenant="your-tenant-id"
data-color="#0066cc"
data-container="chat-widget">
</script>
<div id="chat-widget"></div>
Paso 3: Configure los parámetros de integración
El script de integración acepta los siguientes parámetros obligatorios y opcionales:
data-tenant(obligatorio): Su ID de tenant único de ellocharlie. Esto garantiza que las conversaciones se enruten a su cuenta.data-color(opcional): Un código de color hexadecimal para personalizar el widget con la identidad visual de su sitio web (p. ej.,#0066cc).data-container(opcional): El ID del elemento DOM de destino donde aparecerá el widget de chat. Si no se especifica, el widget buscará un div con el ID predeterminado.data-height(opcional): La altura del iframe en píxeles. Establezca un valor adecuado para garantizar una visualización correcta en su página.
Paso 4: Pruebe el widget
Una vez añadido el script, actualice su sitio web y verifique que el widget de chat aparece en la ubicación designada. Pruebe la funcionalidad del chat enviando un mensaje y confirmando que aparece en su portal de ellocharlie.
Para equipos de soporte y ventas (portal)
Acceso a las conversaciones de chat
Las conversaciones de chat aparecen como una sección o panel dedicado dentro del portal de ellocharlie. Navegue al área de chat o mensajería para ver todas las conversaciones activas y pasadas.
Visualización y respuesta a mensajes
Ver chats activos: Consulte una lista de todas las sesiones de chat activas con los nombres de los visitantes y marcas de tiempo.
Leer mensajes: Haga clic en un chat para ver el historial completo de la conversación con la marca de tiempo de cada mensaje.
Enviar respuestas: Escriba su respuesta en el campo de entrada de mensajes y envíela. Su respuesta aparecerá en el widget de chat del visitante en tiempo real.
Conversión de chats en oportunidades de negocio
Desde la interfaz de chat, puede crear contactos, tratos o tickets directamente desde una conversación:
Abra la conversación de chat.
Busque las opciones para crear un nuevo contacto, trato o ticket.
ellocharlie vinculará el historial del chat al registro recién creado, conservando el contexto de la conversación.
Búsqueda y revisión de conversaciones pasadas
Utilice la funcionalidad de búsqueda en la sección de chat para encontrar conversaciones pasadas por nombre del visitante, correo electrónico o contenido del mensaje. Todo el historial de chat es persistente y está disponible para su revisión.
Buenas prácticas para la interacción con visitantes del sitio web
Diseño adaptable
Pruebe el widget de chat tanto en dispositivos móviles como de escritorio. El script de integración gestiona el tamaño adaptable de forma automática. Establezca data-height a un valor razonable (por ejemplo, 400–600 píxeles) y asegúrese de que el div contenedor no desborde su elemento padre. Esto evita problemas de diseño y garantiza una experiencia de usuario fluida en todos los dispositivos.
Coherencia de marca
Use el código hexadecimal exacto del color de su marca en el data-color parámetro para que coincida con la identidad visual de su sitio web. Asegúrese de que su tenant de ellocharlie esté configurado con el logotipo y el nombre de empresa correctos para que aparezcan en el encabezado del widget. Una marca coherente genera confianza y refuerza la identidad de su empresa.
Disponibilidad de atención
Supervise los chats activos en el portal de ellocharlie con regularidad. Los visitantes tienen más probabilidades de interactuar si perciben respuestas rápidas. Establezca expectativas sobre los tiempos de respuesta en el mensaje de bienvenida del widget de chat (si está disponible) o en su sitio web, por ejemplo: «Normalmente respondemos en un plazo de 2 horas durante el horario laboral».
Ubicación estratégica
Coloque el widget de chat en un lugar visible pero discreto de su sitio web; por lo general, la esquina inferior derecha es la posición estándar. Evite ubicarlo donde bloquee contenido importante o llamadas a la acción.
Contexto del visitante
Use los metadatos del visitante (IP, referrer, información del navegador) disponibles en el registro de chat para personalizar sus respuestas. Saber desde qué página llegó un visitante o qué estaba viendo le ayuda a ofrecer una asistencia más relevante.
Proceso de seguimiento
Después de que finalice un chat, cree un registro de contacto o de negocio en ellocharlie para garantizar el seguimiento. Esto conserva el contexto de la conversación y permite a su equipo continuar cultivando el lead a través de otros canales.
Preguntas frecuentes
P: ¿Qué información se recopila sobre los visitantes del sitio web? R: ellocharlie recopila metadatos del visitante, como dirección IP, URL de referencia e información del navegador, cuando están disponibles. Este contexto aparece en el registro de chat y ayuda a su equipo a comprender el recorrido del visitante.
P: ¿Puedo personalizar la apariencia del widget de chat?
R: Sí. Puede personalizar el color del widget mediante el data-color parámetro con un código hexadecimal. El widget también muestra el logotipo y el nombre de empresa de su tenant de ellocharlie, por lo que debe asegurarse de que estén configurados correctamente en los ajustes de su cuenta.
P: ¿Cómo cambio el tamaño del widget de chat en mi sitio web?
R: Use el data-height parámetro en el script de inserción para establecer la altura del iframe en píxeles. Pruebe diferentes alturas en su sitio web para encontrar la que mejor se adapte a su diseño.
P: ¿Las conversaciones de chat se almacenan de forma permanente? R: Sí. El historial de chat es persistente en ellocharlie. Puede buscar y revisar conversaciones pasadas en cualquier momento.
P: ¿Puedo crear un contacto o un negocio a partir de una conversación de chat? R: Sí. Desde una conversación de chat en el portal de ellocharlie, puede crear un nuevo contacto, negocio o ticket. ellocharlie vinculará el historial del chat al registro recién creado.
P: ¿Qué ocurre si mi equipo no responde a un chat de inmediato? R: El mensaje del visitante se almacena en el portal de ellocharlie y permanece disponible para que su equipo lo responda más tarde. No existe un tiempo de espera automático, pero debe establecer expectativas sobre los tiempos de respuesta en su sitio web.
P: ¿Puedo usar el chat de marketing en varias páginas de mi sitio web? R: Sí. Incluya el mismo script de inserción en cualquier página donde desee que aparezca el widget de chat. Todas las conversaciones se enrutarán a la misma cuenta de ellocharlie.
P: ¿El widget de chat es compatible con dispositivos móviles?
R: Sí. El script de inserción gestiona el tamaño adaptable automáticamente. Pruebe el widget en dispositivos móviles y ajuste el data-height parámetro si es necesario para garantizar una buena experiencia de usuario.