Para poner un botón de WhatsApp en tu web necesitas tu número de WhatsApp (mejor si es de WhatsApp Business), un mensaje de bienvenida y una herramienta que muestre el botón flotante en tus páginas. Con wwidgets lo tienes listo en unos minutos en Shopify, WordPress o cualquier web: pegas una línea de código, configuras el botón y listo. Aquí tienes el paso a paso y los consejos para sacarle el máximo partido.
¿Por qué añadir un botón de WhatsApp a tu web?
En España, WhatsApp es la aplicación de mensajería que usa prácticamente todo el mundo, desde tu sobrino hasta tu abuela. Eso tiene una consecuencia directa para tu negocio: escribir por WhatsApp es mucho más natural para tus clientes que rellenar un formulario o mandar un email.
Un botón de WhatsApp en tu web sirve para:
- Resolver dudas antes de la compra: tallas, plazos de entrega, materiales o compatibilidad.
- Recuperar ventas de clientes que dudan y que, sin una respuesta rápida, se irían a otra tienda.
- Dar confianza: saber que hay una persona real al otro lado tranquiliza, sobre todo en tiendas pequeñas.
- Atender pedidos personalizados o presupuestos, muy habitual en negocios locales, reformas, eventos o productos a medida.
- Ofrecer atención posventa sin colapsar el email.
Lo que necesitas antes de empezar
- Un número de WhatsApp. Lo ideal es usar WhatsApp Business, que es gratuito y te permite separar lo personal de lo profesional, configurar respuestas rápidas y un perfil de empresa.
- Un mensaje de bienvenida para iniciar la conversación.
- Tu horario de atención, para no generar falsas expectativas.
- Una cuenta de wwidgets. Puedes probarlo gratis durante 14 días.
Paso 1: crea el botón de WhatsApp en wwidgets
En tu panel, crea una campaña para tu web y añade el widget de botón de chat de WhatsApp. Configura estos datos:
- Número de teléfono con el prefijo internacional (+34 para España).
- Mensaje predefinido que se rellenará automáticamente cuando el cliente abra el chat.
- Texto y diseño del botón: colores, posición (abajo a la derecha es lo más habitual) y modo oscuro si tu web lo necesita.
Paso 2: instala el píxel
El píxel de wwidgets es una única línea de código que se coloca en el <head> de tu web. Solo se instala una vez y sirve para todos los widgets que crees después. Se carga de forma asíncrona, así que no afecta a la velocidad de carga de tus páginas.
Cómo hacerlo en Shopify
- Ve a Tienda online > Temas.
- En el tema activo, abre el menú de los tres puntos y elige Editar código.
- Abre theme.liquid en la carpeta Layout.
- Pega el píxel justo antes de </head> y guarda.
Cómo hacerlo en WordPress (y WooCommerce)
- Instala un plugin que permita insertar código en la cabecera, pega el píxel en el campo correspondiente y guarda.
- Si prefieres hacerlo a mano, añade el código en el header.php de tu tema hijo, antes de </head>.
- Muchos temas y constructores incluyen un apartado de "código en cabecera" que también sirve.
Cómo hacerlo en cualquier otra web
En Magento, Wix o una web a medida, busca la opción para añadir código personalizado en la cabecera. Si no la encuentras, pide a tu desarrollador que pegue la línea antes de </head>. La guía de primeros pasos lo explica con más detalle.
Paso 3: configura dónde y cuándo aparece
No siempre tiene sentido mostrar el botón en todas partes. Con las opciones de segmentación puedes:
- Mostrarlo solo en determinadas páginas, por ejemplo en las fichas de producto y en la página de contacto.
- Hacer que aparezca tras unos segundos o al hacer scroll, para que no distraiga nada más llegar.
- Elegir si se muestra en escritorio, móvil o ambos.
- Ajustar la frecuencia con la que se muestra a un mismo visitante.
Paso 4: prueba y mide
Abre tu web desde el móvil y desde el ordenador y haz clic en el botón. Comprueba que se abre WhatsApp con tu número y el mensaje correcto. Después, revisa en las estadísticas cuántas veces se ha visto el botón y cuántos clics recibe. Si ves que muchas personas lo ven pero pocas hacen clic, prueba a cambiar la posición o el texto.
Consejos para que el botón de WhatsApp funcione de verdad
Escribe un buen mensaje de bienvenida
El mensaje predefinido reduce el esfuerzo del cliente: solo tiene que pulsar enviar. Algunos ejemplos:
- "Hola, tengo una duda sobre un producto de vuestra tienda."
- "Hola, me gustaría pedir un presupuesto."
- "Hola, quiero saber el estado de mi pedido."
Si el botón está en una ficha de producto, puedes crear un widget específico para esa página con un mensaje que mencione la categoría, para saber desde dónde te escriben.
Indica tu horario de atención
Nada genera más frustración que escribir y no recibir respuesta. Indica claramente cuándo atiendes, por ejemplo "Te respondemos de lunes a viernes, de 9:00 a 18:00". En WhatsApp Business puedes configurar además un mensaje de ausencia automático para fuera de horario.
Piensa primero en el móvil
La mayoría de clics en un botón de WhatsApp llegan desde el móvil, donde la app se abre directamente. Asegúrate de que el botón tenga un tamaño cómodo para el dedo y de que no tape el botón de compra, el carrito ni el banner de cookies.
Responde rápido
La gracia de WhatsApp es la inmediatez. Si tardas un día en contestar, pierdes la ventaja. Usa las respuestas rápidas de WhatsApp Business para las preguntas más frecuentes: envíos, devoluciones, tallas y formas de pago.
No lo conviertas en spam
Que un cliente te escriba no significa que puedas enviarle publicidad. Para mandar comunicaciones comerciales necesitas su consentimiento, tal como exige el RGPD.
Combínalo con otros widgets con cabeza
Si ya tienes un popup de suscripción y notificaciones de ventas, coloca cada elemento en una esquina distinta o en momentos diferentes para que no se pisen.
WhatsApp, formulario o email: ¿cuál conviene?
| Canal | Ideal para | A tener en cuenta |
|---|---|---|
| Dudas rápidas, presupuestos, atención cercana | Requiere responder con agilidad | |
| Formulario de contacto | Solicitudes con datos estructurados | Más lento para el cliente |
| Incidencias con documentación, facturas | Menos inmediato |
Lo mejor suele ser ofrecer varias opciones. Con wwidgets también puedes añadir un formulario de solicitudes cuyos mensajes te lleguen por email, webhook, Slack o Telegram.
Preguntas frecuentes
¿Puedo usar mi WhatsApp personal?
Puedes, pero no es recomendable. WhatsApp Business es gratuito y te permite tener un perfil de empresa, horarios, respuestas rápidas y mensajes de ausencia, además de separar lo personal de lo profesional.
¿El botón funciona también en ordenador?
Sí. En escritorio, el clic abre WhatsApp Web o la aplicación de escritorio, si el usuario la tiene instalada.
¿Puedo mostrar el botón solo en algunas páginas?
Sí. Puedes elegir en qué páginas aparece, en qué dispositivos y en qué momento, por ejemplo solo en la página de contacto o en las fichas de producto.
Un botón de WhatsApp acerca tu tienda a tus clientes y te permite resolver dudas justo cuando aparecen. Si quieres tenerlo funcionando hoy, crea tu cuenta gratis en wwidgets y configúralo en pocos minutos.
