¿Qué son los widgets flotantes?
Los widgets flotantes son botones de WhatsApp para tu web. El visitante hace clic o pasa el cursor, se abre un popup y puede iniciar chat con tu número y mensaje prellenado.
Lista de flotantes
Botones superiores
Agregar flotante
Abre el formulario para crear un widget
Ayuda
Abrir esta guía
Columnas de la tabla
Número
Número de WhatsApp vinculado al widget
Creado el
Cuándo se generó el widget
Acciones
Vista previa, copiar script o eliminar
Acciones por fila
Vista previa
Ver cómo se ve el botón flotante y el popup con tu color y mensaje
Script
Abre modal con código de instalación y botón Copiar script
Eliminar
Elimina el widget tras confirmación
Crear un widget flotante
Número de WhatsApp
Elige el prefijo del país e introduce el móvil que recibirá los chats del widget.
Mensaje
Escribe el texto prellenado cuando el visitante abra WhatsApp desde el widget.
Color del flotante
Elige color con el selector o escribe un código hex. Afecta al botón flotante y la cabecera del popup.
Generar flotante
Pulsa Generar flotante. La página muestra el script y la vista previa en paralelo. Copia el script para instalarlo en tu web.
Instalar en tu sitio web
- Desde la página de creación o la acción Script en la lista, copia el código de instalación.
- Pégalo dentro de la sección head del HTML de tu web.
- Guarda y publica. El botón flotante aparece en todas las páginas donde se cargue el script.
- Prueba en escritorio y móvil: pasa el cursor, edita el mensaje si quieres y pulsa enviar.
El botón queda fijo en la esquina inferior derecha por defecto.
Qué ve el visitante
- Un botón flotante de WhatsApp con el color elegido.
- Al pasar el cursor, un popup con cabecera de bienvenida y campo de mensaje.
- El mensaje prellenado aparece en el campo; el visitante puede editarlo antes de enviar.
- Al pulsar enviar, se abre WhatsApp con tu número y el mensaje.
Qué puedes hacer según tu rol
- Ver la lista, previsualizar widgets y copiar scripts
- Crear widgets nuevos (si tu rol y plan lo permiten)
- Eliminar widgets (si tu rol lo permite)
Si falta un botón, pide al administrador que revise tus permisos o tu plan.
Solución de problemas
No puedo crear un widget
Puede que hayas alcanzado el límite de tu plan o necesites suscripción activa. Contacta al administrador.
El botón no aparece en mi web
Comprueba que el script esté en la etiqueta head y que la página esté publicada. Limpia caché y prueba de nuevo.
Se abre el número incorrecto
Elimina el widget y crea uno nuevo con prefijo y número correctos.
Necesito cambiar color o mensaje
Los widgets no se editan. Elimina el anterior y genera uno nuevo con los ajustes actualizados.
Mejores prácticas
Recomendado
- Usar un color acorde con la marca de tu web
- Escribir un mensaje prellenado breve y acogedor
- Previsualizar antes de instalar en tu web
- Probar en móvil y escritorio tras publicar
- Usar widgets distintos para webs o campañas diferentes
Evitar
- No usar colores que choquen con el diseño del sitio
- No escribir mensajes demasiado largos
- No pegar el script en el lugar incorrecto (usa la sección head)
- No eliminar widgets aún incrustados en páginas activas sin sustituir el script
Casos de Uso
Sitios web de comercio electrónico
Consultas sobre productos o soporte rápido
Sitios web empresariales
Contacto fácil para clientes potenciales en cualquier página
Proveedores de servicios
Citas o presupuestos al instante
Páginas de soporte
Acceso inmediato a WhatsApp en páginas de ayuda o contacto
Módulos relacionados
Enlace corto
URLs cortas que abren WhatsApp sin botón incrustado en la web
Buzón
Donde llegan las conversaciones cuando un visitante te contacta por el widget