WiseParts
Comunicación

Chat Widget

Añada un widget de chat en directo a su propio sitio web para que los visitantes hablen con su equipo.

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.

Resumen: Pegue un pequeño fragmento de código en su sitio web para añadir una burbuja de chat. Los visitantes chatean en tiempo real, los clientes identificados se reconocen automáticamente y cualquier mensaje que llegue fuera de horario se registra y se sigue por correo.

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.

El widget es para los visitantes de su sitio web, no para su equipo interno. Es un canal orientado al cliente, así que trátelo como sus otros canales entrantes.

Configurar el widget

Cree y configure el widget desde Configuración de Conversaciones, en la lista de canales.

  1. Abra Configuración de Conversaciones y elija Añadir Widget de Chat
  2. Dé un nombre al widget (por ejemplo, "Chat del Sitio Web") para reconocerlo en la bandeja de entrada
  3. 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
  4. Guarde para crear el widget y luego abra su configuración para terminar la apariencia y el comportamiento
  5. Asigne agentes al widget para que los chats en directo puedan atenderse
Si no hay agentes asignados a un widget, los visitantes siempre ven a su equipo como desconectado y las respuestas en directo no pueden entregarse en tiempo real. Asigne al menos un agente al widget para que el chat en directo funcione.

Opciones de configuración

Dentro de la configuración del widget puede adaptar su aspecto y comportamiento:

AjusteQué controla
Mensaje de bienvenidaEl saludo que ven los visitantes al abrir el widget
Color PrimarioEl color de acento de la burbuja de chat y del encabezado
PosiciónEsquina inferior derecha o inferior izquierda de la página
IdiomaFije un idioma o deje que detecte el del visitante automáticamente
MarcaLogotipo del encabezado, avatar, estilo de burbuja, fuentes y degradado
Canal de Correo Electrónico de TicketsDesde dónde se envían los tickets de visitantes y los seguimientos
Personalizar EtiquetasReescriba los botones y avisos que ven los visitantes
Mensajes ProactivosAvisos emergentes activados por tiempo en la página, coincidencia de URL o scroll
Respuestas RápidasBotones 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>
Copie el fragmento exacto desde la configuración de su widget — su identificador de workspace ya viene rellenado en Código de inserción. Para mayor seguridad, puede restringir qué dominios pueden cargar el widget en los ajustes de Privacidad y seguridad.

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.

La identidad verificada está firmada en el servidor: la clave de firma reside solo en su servidor y nunca en el código de su sitio web. Esto hace que un cliente con sesión iniciada sea de confianza e imposible de suplantar. La clave se gestiona en los ajustes de identidad del widget.

Controlar el widget

Puede abrir, cerrar y reaccionar al widget desde su propio sitio con comandos sencillos:

ComandoQué 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
Consejo: Use un mensaje proactivo en páginas de alta intención (como precios o pago) para ofrecer ayuda justo cuando es más probable que los visitantes tengan una duda.

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
Las respuestas fuera de horario solo pueden enviarse por correo cuando el widget tiene un Canal de Correo Electrónico de Tickets definido y el visitante dejó una dirección de correo. Haga que el correo sea obligatorio en el formulario previo al chat para poder contactar a todos los visitantes.

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.

Aprenda a responder, asignar, etiquetar y resolver conversaciones desde su bandeja de entrada.

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
Nota: Un visitante puede solicitar una copia de sus propios datos, y cualquier ticket que haya enviado se incluye en esa exportación — ayudándole a cumplir con las solicitudes de acceso a datos del RGPD.

Funciones relacionadas

Conversaciones

Gestione los chats del widget en su bandeja de entrada unificada.

Call Center

Gestione las llamadas entrantes junto a sus chats.

Paneles

Haga seguimiento de conversaciones del widget, tiempos de respuesta y visitantes.

Automatizaciones

Active acciones cuando un chat del widget se etiqueta.