Botón Flotante WhatsApp + Panel Admin (v2 — Opciones, Planes, Adicionales)
"Todo lo que tu negocio necesita para vender por WhatsApp."
Este panel controla el botón flotante de WhatsApp que aparece en tu sitio: su apariencia, sus mensajes automáticos, los contactos directos, los planes con precio y los adicionales que el visitante puede combinar antes de escribirte.
Lo encuentras en el menú del escritorio de WordPress, en WhatsApp Business Center → WhatsApp Flotante.
1. Activación General
- Botón Flotante WhatsApp: enciende/apaga el botón en todo el sitio.
- Burbuja Emergente: si está activada, al presionar el botón se abre un mini-chat con mensajes animados antes de ir a WhatsApp. Si la apagas, el botón abre WhatsApp directamente al primer clic.
💡 Si solo quieres un botón simple que abra WhatsApp sin chat, desactiva la Burbuja Emergente.
2. Datos de Contacto
- Número de WhatsApp (principal): el número que se usa cuando ninguna opción (contacto directo o plan) trae su propio número.
- Mensaje al abrir WhatsApp: el texto que se precarga cuando el visitante escribe libremente, sin elegir un contacto directo ni un plan.
3. Apariencia de Botón y Burbuja
- Nombre del Contacto y Estado/Subtítulo: lo que aparece en el encabezado de la burbuja (ej. "Data Polls MX" / "🟢 En línea").
- Imagen de perfil: reemplaza el ícono de WhatsApp por tu logo o foto. Usa "📷 Subir imagen" (abre la mediateca de WordPress) o "↩ Restablecer" para volver al ícono por defecto.
- Placeholder del input: texto gris de ejemplo dentro del campo de mensaje, en el modo normal (sin premensaje de nombre y evento).
- Tamaño del botón/imagen: entre 40 y 120 px.
- Alineación en pantalla: esquina inferior derecha o izquierda.
4. Mensajes de la Burbuja Emergente
Solo aplican si la Burbuja Emergente está activa (sección 1). Son los dos mensajes que aparecen en secuencia, simulando que el contacto te está escribiendo:
- Mensaje 1 – Saludo (ej. "Hola 👋")
- Mensaje 2 – Pregunta (ej. "¿En qué podemos ayudarte hoy?")
5. Tiempos y Reactivación
Controla cuándo se abre y se cierra la burbuja sola:
- Auto-abrir burbuja (segundos): tiempo de espera antes de que la burbuja se abra sola al entrar a la página. Pon
0para desactivar la apertura automática. - Auto-ocultar burbuja (segundos): solo aplica cuando la burbuja se abrió sola (no cuando el visitante la abrió con un clic). Es el tiempo tras el último mensaje antes de minimizarse.
- Mantener activa al interactuar (segundos): si el visitante toca la burbuja o empieza a escribir, el cierre automático se reinicia por este tiempo — así no se le cierra en plena conversación.
📌 Si el visitante abrió la burbuja manualmente con un clic en el botón, esta nunca se cierra sola — solo se cierra automáticamente cuando se abrió sola.
6. Premensaje: Nombre y Evento
Útil si quieres saber quién te escribe antes de mandarlo a WhatsApp:
- Pedir nombre y evento antes de enviar: si lo activas, cualquier opción que el visitante elija (contacto directo, plan o mensaje libre) primero le pide escribir su nombre y evento; ese texto se antepone al mensaje final que llega a WhatsApp.
- Placeholder del campo: el texto de ejemplo dentro de ese campo (ej. "Escribe tu nombre y tu evento").
7. Tooltip al Minimizar/Cerrar
Es el globito que aparece junto al botón cuando la burbuja se oculta (sea porque se cerró sola o porque el visitante la cerró con la ✕), como recordatorio de que sigues ahí.
- Mostrar tooltip: activar/desactivar.
- Texto del tooltip (ej. "¡Aquí estoy! 👋").
- Tamaño de texto: entre 10 y 20 px.
- Color de fondo: en formato hexadecimal (ej.
#075E54). - Duración visible (segundos):
0= permanece visible hasta que el visitante haga clic en él.
8. Contactos Directos
Botones de acceso rápido dentro de la burbuja que envían un mensaje predefinido de inmediato, sin pasos intermedios (más allá del premensaje de nombre/evento si está activo).
Por cada contacto directo defines:
- Texto del botón (ej. "Hablar con un asesor")
- Número (opcional — si lo dejas vacío, usa el número principal de la sección 2)
- Mensaje preestablecido
Puedes añadir tantos como quieras con "+ Añadir contacto directo", y activar/desactivar cada uno individualmente sin borrarlo.
9. Planes y Precios
Lista de planes de los que el visitante elige solo uno (selección única, tipo radio button).
- Mostrar como lista plegable: si está activo, los planes quedan ocultos detrás de un enlace de texto (ej. "Ver planes y precios ▾") para no ocupar tanto espacio en la burbuja.
- Texto del enlace plegable: el texto de ese enlace.
Por cada plan:
- Texto/nombre del plan (ej. "Contratar Plan Clásico: $1,950 mxn")
- Precio: número usado para calcular el total junto con los adicionales.
- Número (opcional, igual que en contactos directos).
- Mostrar detalles: si lo activas, aparece una descripción extra debajo del plan al seleccionarlo (ej. "Sin lector QR, con panel de gestión de invitados").
10. Adicionales
Extras que se pueden sumar al plan elegido (selección múltiple, con checkbox). Cada uno tiene Texto y Precio. El total se recalcula en vivo y se agrega como línea final en el mensaje ("Total: $X mxn") antes de enviarlo por WhatsApp.
⚠️ Los Adicionales solo se muestran si hay al menos un Plan activo — no aplican a los Contactos Directos.
11. Ocultar en Páginas Específicas
Marca las páginas donde no quieres que aparezca el botón flotante (incluye la opción "🏠 Página de Inicio"). Útil, por ejemplo, para no mostrarlo en páginas de checkout o en el ticket digital del invitado.
12. Vista Previa
Muestra en vivo cómo se ve el encabezado, el saludo y el input de la burbuja mientras editas los campos de arriba. No refleja contactos directos, planes ni adicionales — esos se ven directamente en el sitio (frontend).
Cómo se arma el mensaje final que llega a WhatsApp
Dependiendo de qué eligió el visitante, el mensaje que se precarga en WhatsApp es distinto:
| El visitante eligió… | Mensaje que se envía |
|---|---|
| Mensaje libre (sin opciones) | El de "Mensaje al abrir WhatsApp" (sección 2) |
| Un Contacto Directo | Su "Mensaje preestablecido" |
| Un Plan (+ Adicionales) | "Hola [Nombre]! Me interesa contratar [plan]" + detalles (si están activos) + cada adicional marcado + el Total |
| Si "Pedir nombre y evento" está activo | Se antepone "Nombre y evento: [lo que escribió]" a cualquiera de los anteriores |
13. Estadisticas y Tracking
- El contador propio (pestaña Estadísticas) mide clics/intención: que el usuario presionó el botón y se abrió
wa.mecon el mensaje. No confirma que el mensaje se haya enviado ni que hubo una conversación real — ninguna plataforma de click-to-chat puede confirmar eso sin integrarse a la API oficial de WhatsApp Business. - Dispara el evento equivalente en cada plataforma nativa activa (Meta, GA4, Google Ads, GTM, TikTok, LinkedIn).
- Ejecuta el código de tus plataformas personalizadas para ese evento.
- Suma +1 en tu contador propio (pestaña "Estadísticas") agrupado por
button_id+ evento.
Preguntas frecuentes
¿Puedo tener varios botones flotantes con configuraciones distintas en el mismo sitio? No — este panel controla un único botón global para todo el sitio. Si necesitas configuraciones distintas por página, seria un desarrollo aparte.
¿El botón funciona igual en celular que en escritorio? Sí, es responsive; en pantallas pequeñas la burbuja se ajusta al ancho disponible (máx. 88% del viewport).
¿Puedo saber cuántas personas hicieron clic en el botón o en un plan? Sí — si tienes instalado el snippet WhatsApp Business Center · Tracking & Píxeles de Marketing, puedes conectar cada botón para que quede registrado en la pestaña "Estadísticas" de ese panel, además de disparar tus píxeles de Meta, GA4, Google Ads, etc. (documentado aparte en el tutorial de esa herramienta).