SW WhatsApp Button
Sus clientes le escriben por WhatsApp en un clic
El plugin añade a su web un botón flotante de WhatsApp. El visitante lo pulsa y se abre el chat con usted: en la aplicación del móvil o en WhatsApp Web en el ordenador.
Más conversaciones con sus clientes
Muchos visitantes no rellenan formularios ni llaman, pero sí escriben por WhatsApp. El botón les da esa vía en un clic.
Contacto en un clic
El chat se abre al momento, sin formularios ni esperas. Más consultas de clientes de su tienda o su web corporativa.
Sabe qué le preguntan
En la ficha de un producto, el mensaje ya incluye su nombre. Usted entiende la consulta desde la primera línea.
Cada clic, medido
Cada pulsación se envía al dataLayer. Con Google Tag Manager la cuenta como conversión en Google Analytics 4.
Así funciona en una web real
Un botón redondo en la esquina de la pantalla, con su color, su icono y, si quiere, una etiqueta al lado.
Lo está viendo ahora mismo
El botón que aparece abajo a la derecha de esta página es este mismo plugin, funcionando en sergioweb.es. Púlselo y verá cómo se abre el chat.
Todo lo que puede ajustar
Se configura desde una sola página en el escritorio de WordPress, sin tocar código.
Apariencia
- Colores del botón, del icono y de la animación
- Icono oficial de WhatsApp o su propia imagen
- Esquina, márgenes y tamaño de 40 a 100 px
- Etiqueta junto al botón, por ejemplo «¿Hablamos?»
Comportamiento
- Mensaje predefinido con
{title}y{url}de la página - Mostrar en ordenador, en móvil o en ambos
- Oculto en el carrito y el pago de WooCommerce
- Ocultar en páginas concretas por su ID
Rendimiento y analítica
- Sin jQuery, sin scripts, fuentes ni rastreadores externos
- Evento
whatsapp_clickpara GA4 mediante GTM - Accesible: lector de pantalla y foco de teclado
- Ajustes en español, inglés y ruso
Qué necesita su web
| WordPress | 5.8 o superior |
|---|---|
| PHP | 7.4 o superior |
| Tema y constructor | Cualquiera: Elementor, Gutenberg, Divi y otros. Elementor no es necesario. |
| WooCommerce | Opcional. Si está activo, el botón se oculta en el carrito y el pago. |
Listo en tres pasos
Como cualquier otro plugin de WordPress. No necesita cuenta ni clave de licencia.
Descargue el archivo
Pulse «Descargar gratis». Obtendrá sw-whatsapp-button.zip. No lo descomprima.
Súbalo a WordPress
Plugins → Añadir nuevo → Subir plugin. Elija el archivo, pulse «Instalar ahora» y después «Activar».
Escriba su número
Ajustes → SW WhatsApp. Introduzca su número con el prefijo del país, por ejemplo 34600111222, y guarde.
Las nuevas versiones llegan a «Plugins» como las de cualquier otro plugin. Sus ajustes se conservan al actualizar.
Ajustes, uno por uno
Mientras no haya un número guardado, el botón no se muestra. Todo lo demás es opcional.
01Ajustes básicos
| Activar | Muestra u oculta el botón en toda la web. |
|---|---|
| Número de WhatsApp | Con prefijo del país. El «+», los espacios y los guiones se eliminan solos. |
| Mensaje predefinido | Texto que ya aparece escrito en el chat. {title} es el nombre de la página o del producto, {url} su enlace. Ejemplo: «Hola, tengo una consulta sobre: {title}». |
| Texto junto al botón | Etiqueta pequeña al lado del botón. Solo en ordenador y tableta. Vacío: sin etiqueta. |
02Colores
| Fondo del botón | Por defecto, el verde de WhatsApp #25D366. |
|---|---|
| Color del icono | Por defecto, blanco. |
| Fondo al pasar el ratón | Opcional. Vacío: el botón no cambia de color. |
| Color de la animación | Opcional. Vacío: el mismo color que el botón. |
| Animación al pasar el ratón | Opcional. Color de la animación cuando el cursor está sobre el botón. |
03Icono
| Icono oficial | El icono de WhatsApp integrado en el plugin. Toma el color elegido para el icono. |
|---|---|
| Imagen propia | Cualquier imagen de la biblioteca de medios: SVG o PNG, cuadrada y con fondo transparente. |
04Posición y tamaño
| Esquina | Abajo a la derecha o abajo a la izquierda. |
|---|---|
| Márgenes | Distancia en px desde el lateral y desde el borde inferior de la pantalla. |
| Tamaño | De 40 a 100 px, por defecto 60 px. En el móvil se reduce al 85 % y respeta la muesca del iPhone. |
05Dispositivos y opciones
| Dispositivos | Ordenador (más de 1024 px), móvil y tableta (hasta 1024 px), o ambos. |
|---|---|
| Animación | Pulsación alrededor del botón. No se muestra a quien tiene activado «reducir movimiento» en su sistema. |
| Nueva pestaña | Abre WhatsApp Web en una pestaña nueva del navegador. |
| Carrito y pago | Oculta el botón en el carrito y el pago de WooCommerce. Activado por defecto, para no distraer de la compra. |
| Ocultar en páginas | IDs de páginas, entradas o productos separados por comas. |
06Medir clics en Google Analytics 4
Cada clic envía al dataLayer el evento whatsapp_click con la dirección de la página en wa_page. Para verlo en GA4:
- En Google Tag Manager, cree un activador «Evento personalizado» con el nombre
whatsapp_click. - Cree una etiqueta «Evento de Google Analytics: GA4» con ese activador.
- Publique el contenedor y marque el evento como evento clave en GA4 si quiere contarlo como conversión.
Si algo no funciona
Las situaciones más habituales y cómo resolverlas en un minuto.
El botón no aparece en la web
Compruebe que el número está guardado y que «Activar» está marcado. Revise también si el botón está oculto para ese dispositivo o para esa página por su ID. Si usa un plugin de caché, vacíe la caché.
¿Ralentiza mi web?
No. No usa jQuery ni carga scripts, fuentes o rastreadores externos. No recoge datos de los visitantes.
No veo los clics en Google Analytics
Compruebe en Google Tag Manager que existen el activador whatsapp_click y la etiqueta de GA4, y que el contenedor está publicado. Pruébelo con la vista previa de GTM. En los informes estándar de GA4 los datos pueden tardar hasta 48 horas; en «Tiempo real» se ven al momento.
No aparece la nueva versión
WordPress comprueba las actualizaciones cada pocas horas. Para hacerlo al momento, pulse «Comprobar si hay actualizaciones» debajo del plugin en la lista de «Plugins».
¿Funciona sin WooCommerce?
Sí. Funciona en cualquier web con WordPress. Si WooCommerce está activo, además se oculta en el carrito y el pago, y en la ficha de producto el mensaje puede incluir su nombre.
Para desarrolladores
Filtro sw_whatsapp_phone: cambia el número por código, por ejemplo uno distinto para cada sección.
add_filter( 'sw_whatsapp_phone', function( $phone ) {
return is_shop() ? '34600111222' : $phone;
} );
Filtro sw_whatsapp_hide: devuelva true para ocultar el botón con sus propias condiciones.
¿Necesita un plugin a medida para su web?
Desarrollo plugins para WordPress y WooCommerce que resuelven la tarea concreta de su negocio.