Chat Widget
Añada un widget de chat en directo a su propio sitio web y permita que los visitantes inicien una conversación con su equipo con un clic. Cada chat llega a su bandeja de entrada de Conversaciones como un canal propio, junto al Correo y WhatsApp, para que sus agentes trabajen desde un único lugar.
Qué es el chat widget
El chat widget es una pequeña burbuja de chat que se sitúa en la esquina de su sitio web. Cuando un visitante hace clic en ella, puede enviar un mensaje y obtener respuestas de su equipo en tiempo real.
Entre bastidores, cada chat del widget se convierte en una conversación en su bandeja de entrada. Responde, asigna, etiqueta y resuelve los chats del widget igual que el Correo y WhatsApp — la única diferencia es de dónde vino el mensaje.
Configurar el widget
Cree y configure el widget desde Configuración de Conversaciones, en la lista de canales.
- Abra Configuración de Conversaciones y elija Añadir Widget de Chat
- Dé un nombre al widget (por ejemplo, "Chat del Sitio Web") para reconocerlo en la bandeja de entrada
- Opcionalmente, elija un Canal de Correo Electrónico de Tickets — es la cuenta de correo usada para dar seguimiento a los visitantes que se van antes de que responda
- Guarde para crear el widget y luego abra su configuración para terminar la apariencia y el comportamiento
- Asigne agentes al widget para que los chats en directo puedan atenderse
Opciones de configuración
Dentro de la configuración del widget puede adaptar su aspecto y comportamiento:
| Ajuste | Qué controla |
|---|---|
| Mensaje de bienvenida | El saludo que ven los visitantes al abrir el widget |
| Color Primario | El color de acento de la burbuja de chat y del encabezado |
| Posición | Esquina inferior derecha o inferior izquierda de la página |
| Idioma | Fije un idioma o deje que detecte el del visitante automáticamente |
| Marca | Logotipo del encabezado, avatar, estilo de burbuja, fuentes y degradado |
| Canal de Correo Electrónico de Tickets | Desde dónde se envían los tickets de visitantes y los seguimientos |
| Personalizar Etiquetas | Reescriba los botones y avisos que ven los visitantes |
| Mensajes Proactivos | Avisos emergentes activados por tiempo en la página, coincidencia de URL o scroll |
| Respuestas Rápidas | Botones iniciales de un toque que envían un mensaje preescrito |
Añadir el widget a su sitio web
Para que el widget aparezca, pegue un pequeño fragmento en el HTML de su sitio web, justo antes de la etiqueta de cierre </body>. Se carga sin ralentizar su página.
<script>
(function (w, d) {
w.WisePartsWidget =
w.WisePartsWidget ||
function () {
(w.WisePartsWidget.q = w.WisePartsWidget.q || []).push(arguments);
};
var s = d.createElement("script");
s.async = 1;
s.src = "https://your-wiseparts-domain/widget/loader.js";
s.dataset.workspaceId = "YOUR_WORKSPACE_ID";
d.head.appendChild(s);
})(window, document);
</script>
Identificar a sus visitantes
De forma predeterminada, los visitantes son anónimos — aparecen en su bandeja de entrada con un identificador corto y amigable. Si ya sabe quién es el visitante (por ejemplo, un cliente con sesión iniciada en su sitio web), puede indicar al widget quién es, para que su nombre y correo aparezcan en la conversación.
Añada una llamada identify tras el fragmento, usando los datos que tenga:
<script>
WisePartsWidget("identify", {
external_id: "12345",
name: "Jane Smith",
email: "[email protected]",
});
</script>
Ahora la conversación en su bandeja de entrada se identifica con el nombre del visitante en lugar de un identificador anónimo, dando contexto a sus agentes antes de responder.
Identidad verificada del visitante
En un navegador cualquiera puede afirmar ser otra persona, así que para clientes con sesión iniciada puede activar la identidad verificada. El servidor de su sitio web produce una identidad firmada y a prueba de manipulaciones para el visitante, y WiseParts la comprueba antes de confiar en el nombre y el correo.
Controlar el widget
Puede abrir, cerrar y reaccionar al widget desde su propio sitio con comandos sencillos:
| Comando | Qué hace |
|---|---|
WisePartsWidget('open') | Abre la ventana de chat |
WisePartsWidget('close') | Cierra la ventana de chat |
WisePartsWidget('toggle') | La abre o la cierra |
WisePartsWidget('show') | Muestra la burbuja de chat |
WisePartsWidget('hide') | Oculta la burbuja de chat |
WisePartsWidget('on', ...) | Ejecuta su propio código cuando ocurren eventos |
Por ejemplo, puede conectar su propio botón "Chatee con nosotros" para llamar a WisePartsWidget('open').
La experiencia del visitante
Cuando un visitante abre el widget, ve su mensaje de bienvenida y puede empezar a escribir de inmediato. El estado en directo de su equipo se muestra en la parte superior, para que los visitantes sepan si esperar una respuesta instantánea o un seguimiento más tarde.
Consentimiento y formulario previo al chat
Puede pedir a los visitantes que acepten su política de privacidad antes de chatear y recopilar algunos datos por adelantado:
- Barrera de consentimiento — los visitantes aceptan su política de privacidad (con un enlace a ella) antes de empezar
- Formulario previo al chat — pida nombre, correo, teléfono o empresa, y marque cualquiera de ellos como obligatorio
Recopilar un correo por adelantado significa que siempre puede dar seguimiento, aunque el visitante se vaya a mitad de la conversación.
Mensajes proactivos y respuestas rápidas
Dé a los visitantes un empujón o una ventaja:
- Los mensajes proactivos aparecen como un pequeño emergente tras cierto tiempo en una página, en páginas que coinciden con un URL o cuando un visitante hace suficiente scroll
- Las respuestas rápidas son botones de un toque que envían un mensaje preescrito, para que las preguntas comunes empiecen con un solo clic
Cuando su equipo está desconectado
El widget sabe cuándo su equipo está disponible. Cuando todos están desconectados, se adapta para que no se pierda ningún mensaje:
- Pide el correo al visitante antes, para que tenga una forma de contactarlo
- Puede enviar una respuesta automática de "estamos ausentes" que establece expectativas
- Si el visitante se va antes de que responda, su respuesta se le envía por correo y la conversación simplemente continúa por correo
Gestionar conversaciones del widget
Los chats del widget se comportan como cualquier otra conversación en su bandeja de entrada. Puede asignarlos, etiquetarlos, posponerlos, añadir notas privadas y resolverlos — y las reglas de asignación automática se aplican igual que para el Correo y WhatsApp.
Los visitantes también pueden enviar un ticket a través del widget cuando su equipo está ausente. Los tickets llegan a la bandeja de entrada y se responden por correo.
Privacidad y seguridad
El widget está diseñado para protegerlo a usted y a sus visitantes:
- Consentimiento — exija que los visitantes acepten su política de privacidad antes de chatear y respete la señal "Do Not Track" de su navegador
- Identidad verificada — confíe en los clientes con sesión iniciada sin riesgo de suplantación
- Protección contra abusos — los envíos de tickets tienen límite de frecuencia con un mensaje amable de "inténtelo de nuevo pronto", y puede aparecer una verificación rápida de humano si la actividad parece sospechosa