Chirpvo – Botón de chat: Añadir un botón flotante de WhatsApp (2026)
Un botón flotante de WhatsApp es la manera más rápida de convertir visitantes del sitio web en conversaciones — un clic y están chateando contigo en una aplicación que ya tienen abierta. La versión gratuita Plugin Chirpvo para WordPress agrega exactamente eso: un botón flotante personalizable que abre un chat normal de WhatsApp con tu número. Sin cuenta, sin clave API, sin plantillas y sin costo por mensaje, y se mantiene gratuito para siempre. Desde la v1.1.0, la configuración del complemento incluye una pestaña Actualizar a IA , por lo que cuando quieras respuestas automáticas de IA y una bandeja de entrada compartida, puedes convertir este mismo botón en un chat completo de IA en lugar de cambiar de herramientas. Descarga, carga y estarás activo en unos cinco minutos. Esto es todo lo que hace y cómo configurarlo en 2026.
Por qué un botón de WhatsApp es importante
Los números hablan por sí mismos: los mensajes de WhatsApp tienen una tasa de apertura del 98 % frente a aproximadamente el 20 % del correo electrónico, y el tiempo medio de respuesta en la plataforma es inferior a 90 segundos. Para las tiendas, el efecto es mayor: la recuperación de carritos abandonados funciona entre un 15 y un 30 % mejor en WhatsApp frente al 2-5 % por correo electrónico. Un globo de chat es la forma de mayor conversión para captar la atención de un visitante en cualquier página, desde la página de inicio hasta la caja.
Si estás sopesando opciones, hemos escrito dos guías complementarias: tres formas de añadir un botón de chat de WhatsApp a WordPress y el mejores plugins de WhatsApp para WordPress de 2026. Esta publicación profundiza en el plugin gratuito Chirpvo.
Lo que el plugin Chirpvo te ofrece
Chirpvo es un plugin gratuito de WordPress (WordPress 6.0+, PHP 7.4+) que agrega un botón flotante a tu sitio. Cuando un visitante hace clic en él, el plugin abre un chat — wa.me/<número>?text=<mensaje> por defecto, web.whatsapp.com cuando eliges el objetivo "web", o chat.whatsapp.com/<código> cuando se establece un código de invitación a un grupo. Debido a que usa enlaces wa.me simples, no hay nada que conectar: no se necesita clave API, ni cuenta de WhatsApp Business, ni plantillas y no hay costo por mensaje. Funciona con cualquier número, incluyendo uno personal.
El conjunto de funciones, en una lista:
- Mensaje: tu número, un código de invitación de grupo opcional y un mensaje prellenado que soporte las variables {SITE_TITLE}, {SITE_URL}, {PAGE_TITLE} y {PAGE_URL}.
- Etiqueta: texto de CTA opcional junto al botón, como "Chatea con nosotros".
- Seguimiento: un evento opcional de dataLayer de Google Analytics por clic.
- Estilo: 8 íconos SVG listos, carga de imagen/GIF personalizada, selectores de color, tres formas, tamaños de 32 a 120px.
- Posición: 7 ajustes preestablecidos, compensaciones personalizadas y z-index, configuraciones separadas para escritorio y móvil.
- Animación: pulso, rebote, sacudida o timbre.
- Reglas de visualización: páginas, tipos de publicación, dispositivos, visitantes, retraso, desplazamiento y horario laboral.
- WooCommerce: botones de página de producto con variables de producto, botones de tienda/archivo y botones por tarjeta.
- Código corto: [techpad_ai_whatsapp] con atributos de número, mensaje, tamaño, ícono, etiqueta y color.
- Actualizar a AI (v1.1.0): una pestaña de Actualizar a AI en la configuración enlaza con The Tech Pad (gratis para empezar) y el acompañante Chatvio — conecta tu número más tarde y la IA responde 24/7 en el idioma de tu cliente, desde tu sitio y el conocimiento de tu producto, con una bandeja de entrada compartida para WhatsApp y chat web.
Toda la configuración está en una sola pantalla en The Tech Pad → Botón de Chat Chirpvo, con una vista previa para que puedas ver los cambios antes de guardarlos.
Cómo instalar y configurar el plugin
Seis pasos, aproximadamente cinco minutos:
- Descarga el plugin. Descarga el zip desde la Página de Chirpvo — directo: chirpvo-chat-button.zip.
- Cárgalo. En wp-admin, ve a Plugins → Añadir nuevo → Subir plugin, elige el zip y haz clic en Instalar ahora.
- Activa. Haz clic en Activar plugin.
- Abre la configuración. Ve a The Tech Pad → Botón de Chat Chirpvo.
- Ingresa tu número. Escribe el número internacional completo, primero el código del país, solo dígitos — 919876543210 para India, por ejemplo. Sin +, espacios ni guiones. Agrega un mensaje predefinido si quieres.
- Vista previa y guardar. Comprueba el botón con la vista previa, luego haz clic en Guardar cambios.
Eso es todo. El botón está activo en todo su sitio, o exactamente donde usted indique que aparezca, lo cual se cubre en la siguiente sección.
Todas las opciones, explicadas
General
La pestaña General cubre lo esencial: el número de WhatsApp, un código de invitación a grupo opcional, el mensaje prellenado (con {SITE_TITLE}, {SITE_URL}, {PAGE_TITLE} y {PAGE_URL} completados automáticamente), el objetivo de apertura (automático o WhatsApp Web), la etiqueta del CTA y el conmutador de dataLayer de Google Analytics.
Icono y estilo
Elige uno de los 8 íconos SVG listos para usar — logo de WhatsApp, burbuja de WhatsApp, burbuja de chat, burbuja con puntos, burbuja con líneas de texto, auriculares, cuadrado de mensaje o avión de papel — o sube tu propia imagen/GIF desde la biblioteca de medios. Los selectores de color definen el fondo del botón y el ícono. La forma puede ser redonda, cuadrada con bordes redondeados o cuadrada, y el tamaño varía de 32 a 120 píxeles.
Posición
Siete preajustes: abajo-derecha, abajo-izquierda, abajo-centro, centro-derecha, centro-izquierda, arriba-derecha y arriba-izquierda, más desplazamientos de píxeles personalizados y z-index para un control más fino. La posición, los desplazamientos y el tamaño se configuran por separado para escritorio y móvil (menos de 782px) — abajo-derecha en escritorio, abajo-centro en teléfonos, por ejemplo.
El comportamiento de la etiqueta también vive aquí: tooltip al pasar el ratón, etiqueta siempre visible o ninguna, además de la animación: ninguna, pulso, rebote, sacudida o campana.
Reglas de visualización
Por defecto, el botón se muestra en todo el sitio. Para limitarlo, elija "Solo en las páginas listadas a continuación" e ingrese fragmentos de URL o IDs de páginas, uno por línea, o use "En todas partes excepto las listadas" para ocultarlo en páginas específicas. También puede ocultarlo en tipos de publicaciones particulares, restringirlo a escritorio o móvil, mostrarlo solo a usuarios registrados o invitados, retrasarlo por segundos, revelarlo después de un porcentaje de desplazamiento y configurar el horario comercial (días más de/hasta, en la zona horaria de su sitio).
WooCommerce
Con WooCommerce activo, esta pestaña añade botones de WhatsApp a tu tienda. En las páginas de productos tienes tres opciones de ubicación: flotante, después de agregar al carrito o después de los metadatos del producto, con {PRODUCT_NAME}, {PRODUCT_PRICE} y {PRODUCT_URL} rellenados automáticamente en el mensaje. También hay un botón flotante en las páginas de tienda y archivos, y un pequeño botón debajo de cada tarjeta de producto en las listas de tienda, categoría y etiquetas.
Avanzado
Cada estilo de botón es una configuración: colores, forma, tamaño, posición, etiqueta y animación. Para cualquier cosa más allá de eso, usa el editor de CSS que WordPress ya incluye (Apariencia → Personalizar → CSS Adicional). La página de configuraciones también tiene un botón de vista previa, para que puedas comprobar un cambio antes de guardarlo.
Plantillas de mensajes que convierten
El mensaje prellenado es lo que convierte un clic en una conversación calificada — solicita lo que necesitas desde el principio. En las plantillas a continuación, {{1}} marca la casilla dinámica — el plugin la completa a partir de sus variables ({PRODUCT_NAME} en páginas de WooCommerce, {PAGE_TITLE} en otros lugares), o la reemplazas manualmente.
| Caso de uso | Plantilla de mensaje prellenada |
|---|---|
| Preguntas sobre productos | ¡Hola! Estoy mirando {{1}} y tengo una pregunta antes de comprar. |
| Precios | Hola, me gustaría un presupuesto para {{1}}. |
| Citas | ¡Hola! Me gustaría reservar un espacio de {{1}}. |
| Soporte | Hola, necesito ayuda con {{1}}. |
Dos bloques para copiar y pegar para comenzar — pégalos en el campo de mensaje en Configuración:
¡Hola {{1}}! Gracias por visitarnos. ¿Cómo podemos ayudarte hoy?
Hola {{1}}, hemos recibido tu mensaje y responderemos en breve, generalmente en minutos durante el horario laboral.
Cuándo actualizar a la API de WhatsApp Business
El complemento es deliberadamente solo entrante: un visitante hace clic y se abre un chat normal de WhatsApp con tu número. Eso es suficiente para la mayoría de los sitios pequeños, y se mantiene gratuito para siempre — sin clave de API, sin plantillas, sin costo por mensaje.
Deberías considerar The Tech Pad cuando superas las respuestas uno a uno. La plataforma agrega una bandeja de entrada compartida para el equipo para que cada agente responda desde un solo lugar, además de campañas, automatizaciones, un copiloto de IA y análisis. Si deseas enviar notificaciones —actualizaciones de pedidos, recordatorios de citas, avisos de carrito abandonado— necesitarás la API. El precio por mensaje de Meta para mensajes de utilidad es de aproximadamente ₹0.10–0.30 en India, y las plantillas de UTILIDAD normalmente se aprueban en minutos u horas. El complemento funciona junto con todo esto: tu botón aún abre un chat con tu número, y una cuenta de Tech Pad (gratis para empezar) se conecta cuando estés listo.
Actualiza al chat de IA sin cambiar tu botón (v1.1.0)
El nombre del plugin indica el camino — Haz clic para IA Chat de WhatsApp. La versión 1.1.0 añade una Actualizar a IA pestaña a la página de configuración (The Tech Pad → Botón de Chat Chirpvo → Actualizar a AI) con dos caminos a seguir:
- Conecta tu número a The Tech Pad — gratis para empezar. La IA responde a tus visitantes 24/7 en su idioma, desde tu sitio y conocimiento del producto, y cada chat llega a una bandeja de entrada compartida con el equipo junto a tus conversaciones de WhatsApp, con fácil intervención humana. Empezar gratis.
- Añadir el widget de chat de IA — el acompañante Chatvio convierte la burbuja en una ventana de chat completa, WhatsApp y chat web en un solo lugar, para sitios que quieren una experiencia más completa.
De cualquier manera, tu botón flotante de WhatsApp sigue funcionando exactamente como se configuró — la actualización agrega capacidad; no reemplaza lo que está activo. La mayoría de los sitios funcionan gratis durante meses y activan la pestaña cuando comienzan a llegar preguntas fuera del horario laboral.
Obtén el plugin gratis
El plugin Chirpvo es gratuito para descargar y usar — sin cuenta, sin clave API, sin costos ocultos. Consíguelo desde el página del plugin (directo descarga zip), o navega por todos los plugins gratuitos de WordPress de The Tech Pad. Cuando estés listo para crecer más allá de una bandeja de entrada, abre The Tech Pad → Botón de Chat Chirpvo → Actualizar a AI en el plugin, o dirígete directamente a The Tech Pad — una bandeja de entrada compartida del equipo, respuestas de AI, automatizaciones y análisis, todo gratis para empezar. Hasta entonces, tu botón flotante está activo — cada visitante está a un clic de distancia de una conversación.