Widget
Un widget es un minimódulo integrable en un sitio web que aporta una función autónoma — un botón de live chat, una suscripción a newsletter, un banner de reseñas. Se carga con un único fragmento de código y funciona de forma independiente del resto del sitio.
¿Qué es un widget?
Un widget es un bloque funcional autónomo que se integra en su sitio web mediante un pequeño fragmento de código (normalmente entre 1 y 3 líneas de JavaScript). El widget gestiona su propia representación, lógica y transporte de datos — no tiene que construir sus propios componentes.
El término procede del desarrollo de software (pequeños bloques de interfaz) y hoy se refiere sobre todo a funciones externas integrables en la web: live chat, banners de cookies, formularios de newsletter, carruseles de reseñas, calendarios de reserva.
Tipos de widgets habituales en SendSeven
| Widget | Función | Dónde usarlo |
|---|---|---|
| Widget de live chat | Burbuja de chat abajo a la derecha; los mensajes entrantes llegan a la bandeja de entrada unificada | Atención, asistencia comercial |
| Widget de newsletter | Formulario de suscripción a listas de WhatsApp/email con doble opt-in | Páginas de marketing, blog |
| Widget click-to-chat | Salto directo a WhatsApp/Telegram/Messenger | Páginas de producto, páginas de contacto |
Comportamiento específico en móvil
En móvil, un widget bien construido se comporta de manera distinta que en escritorio. El widget de live chat de SendSeven incluye dos opciones específicas para móvil:
- Pantalla completa en móvil (activado por defecto) — al tocar la burbuja, el chat se abre como un panel a pantalla completa, no como una pequeña superposición. Usa
100dvhpara que el teclado de iOS no recorte el campo de entrada. - Abrir en nueva pestaña (desactivado por defecto) — añade un icono que permite a los visitantes abrir el chat en una pestaña dedicada. Ambas pestañas se mantienen sincronizadas; el visitante puede seguir navegando por el sitio principal sin perder la conversación.
Cómo funciona técnicamente un widget
- Inserte el fragmento: Una línea de JavaScript en el pie de página de su sitio. Carga de forma asíncrona, no bloquea la representación.
- Carga de la configuración: El widget obtiene sus ajustes (colores, posición, traducciones) desde su cuenta de SendSeven en la primera carga.
- Renderizado de la interfaz: Dentro de un contenedor aislado (habitualmente un Shadow DOM), de modo que no haya conflictos de CSS con su sitio.
- Gestión de la interacción: Clic en la burbuja → chat abierto → mensajes intercambiados a través de la REST API.
- Persistencia: Una sesión cookie/localStorage mantiene la conversación del visitante viva entre recargas de página.
Widget vs iframe
Un iframe es una página web embebida — sandbox completa, difícil de integrar de forma responsive. Un widget es parte nativa de su página, resulta más fluido, integra mejor el estilo y ofrece mejor rendimiento.
Privacidad y widgets
- Consentimiento: El widget solo puede cargarse después de que el visitante haya consentido al marketing — de lo contrario, supone una infracción de privacidad.
- Utilizable sin cookies: Los widgets puramente funcionales (live chat) pueden operar sin cookies de seguimiento — solo almacenamiento de sesión para las conversaciones activas.
- Alojamiento en la UE: Asegúrese de que el CDN y el backend del widget estén en la UE. Los widgets de SendSeven se sirven desde Fráncfort.
Personalización
Los widgets de SendSeven se pueden personalizar en el editor de widgets: colores (Onyx + Photon Lime de fábrica), posición, mensaje de bienvenida, avatar, horario comercial, idioma (los 11 locales). El fragmento renderizado obtiene esta configuración en tiempo real desde el backend — los cambios están activos sin necesidad de un nuevo despliegue.