Cómo añadir un botón de WhatsApp a tu tienda Shopify
Puedes añadir un botón de WhatsApp a Shopify de dos maneras: pegar un enlace wa.me en tu tema o instalar una app que añade un botón flotante como Theme App Extension. El método del enlace lleva cinco minutos y no cuesta nada; el método de la app añade diseño, segmentación por páginas, un mensaje predefinido y analítica de clics sin editar el código del tema.
Por Mousa Alhelo, fundador, E-SAFQA · Actualizado · 6 min de lectura · Cómo escribimos y probamos estas guías
Método 1: un enlace wa.me en tu tema
- Crea el enlace: https://wa.me/<número en formato internacional sin + ni espacios>?text=<mensaje codificado para URL>. Ejemplo: https://wa.me/962790000000?text=Hi%2C%20I%20have%20a%20question%20about%20your%20products
- En el panel de control de Shopify abre Tienda online → Temas → Personalizar, elige una sección como el pie de página o una barra de anuncios y añade un bloque de botón o de enlace que apunte a esa URL.
- Si tu tema no tiene un bloque adecuado, añade un enlace en el código del tema (Editar código → layout/theme.liquid) justo antes de </body>, con estilo de elemento de posición fija.
- Prueba en un teléfono: el enlace debe abrir WhatsApp con tu número y el mensaje ya escrito.
Método 2: una Theme App Extension (app integrada en el tema)
- Instala una app de widget de WhatsApp. Con WhatsApp Pilot, abre Configuración y guarda tu prefijo de país, tu número y el mensaje predeterminado.
- Abre la página Widget flotante: elige posición, tamaño, colores, radio del borde, saludo y las páginas en las que debe aparecer el botón, con vista previa en vivo.
- En el editor de temas → Integraciones de aplicaciones (App embeds), activa la app y guarda. No se toca el código del tema, y al desinstalar la app el botón se elimina sin dejar rastro.
- Abre tu tienda, toca el botón y envíate a ti mismo el mensaje de prueba.
¿Cuál deberías usar?
| Enlace wa.me | Theme App Extension | |
|---|---|---|
| Coste | Gratis | Plan gratuito en WhatsApp Pilot; Pro para todos los tipos de página |
| Código del tema | Lo editas tú | Intacto |
| Apariencia | Lo que ofrezca tu tema | Posición, tamaño, colores, saludo, etiqueta |
| Segmentación por páginas | Manual, sección por sección | Página de inicio, producto, colección, carrito y otras páginas |
| Mensaje predefinido con la URL de la página | Solo texto estático | Dinámico, incluye la página en la que está el comprador |
| Analítica de clics | Ninguna | Clics por día y por página |
| Actualizaciones del tema | Pueden romper el código personalizado | Sobrevive a las actualizaciones del tema |
Errores comunes
- Usar el formato de número local en wa.me (los ceros iniciales o el signo más rompen el enlace).
- Mostrar el botón en la página de checkout, donde Shopify no permite código de tema ni integraciones de aplicaciones.
- Olvidarse de activar la integración de la app en el editor de temas, el motivo más habitual por el que un widget instalado no se muestra.
Preguntas frecuentes
¿Un botón de WhatsApp necesita la API de WhatsApp Business?
No. Ambos métodos abren un chat normal de WhatsApp en el dispositivo del comprador. No se envía nada automáticamente.
¿El botón puede mostrarse solo en las páginas de producto?
Con el método de la app, sí: WhatsApp Pilot Pro te permite elegir tipos de página y dispositivos.
¿Listo para poner WhatsApp a trabajar en tu tienda?
Empieza con el widget gratis. Pásate a Pro para tener mensajes de pedido, recuperación de carritos, el botón inteligente de producto, avisos de reposición y Demanda de productos.