Cómo agregar un botón de WhatsApp a Shopify (Gratis — No se necesita instalar desde la App Store)
Más de 2.7 mil millones de personas usan WhatsApp, y para la mayoría de ellos es la forma en que se comunican con las empresas. Cuando un visitante llega a tu tienda de Shopify con una pregunta sobre un producto, la diferencia entre un cliente potencial perdido y una venta a menudo es solo lo fácil que hagas que sea preguntar.
Un botón flotante de WhatsApp pone "chatea con nosotros" a un toque de distancia: sin formularios, sin esperar correos electrónicos, sin fricciones en el pago. Aquí se explica cómo agregar uno a cualquier tema de Shopify en aproximadamente dos minutos, gratis, sin instalar nada desde la tienda de aplicaciones de Shopify.
La forma rápida: abre nuestro generador gratuito de Generador de botones de WhatsApp para Shopify, introduce tu número, elige un estilo, copia el código y pégalo en theme.liquid. Esa es toda la configuración.
Por qué las tiendas de Shopify agregan un botón de WhatsApp
- Los compradores ya usan WhatsApp. Es la aplicación de mensajería más popular del mundo, especialmente en India, Brasil, México y en toda Europa, los mismos mercados donde muchas tiendas de Shopify venden.
- Las preguntas ocurren antes del pago. “¿Está en stock?”, “¿Lo tienen en azul?”, “¿Pueden enviar a mi ciudad?” — un chat rápido responde a estas mientras la intención está en su punto máximo.
- Respondes desde tu teléfono. El botón abre un chat con tu propio número, así que las respuestas llegan a la aplicación de WhatsApp que ya usas. No hay bandeja de entrada nueva que aprender.
- Funciona en móviles. La mayor parte del tráfico de las tiendas es móvil, y WhatsApp es un canal prioritario para móviles.
Lo que obtienes con el generador gratuito
El El generador de botón de WhatsApp de Shopify te da un botón flotante real, no un enlace enterrado en tu pie de página:
- 8 estilos de iconos listos para usar — logotipo de WhatsApp, burbuja de chat, burbuja con puntos, auricular y más
- Tu número, tu mensaje predefinido — configura el primer mensaje que los visitantes ven ("¡Hola! Tengo una pregunta sobre {producto}")
- Forma, tamaño, color y posición — redondo o cuadrado, inferior-izquierda o inferior-derecha, de cualquier tamaño
- Vista previa en vivo — la página muestra tu botón real antes de que copies algo
- Sin cuenta, sin clave API, sin costo — se mantiene gratis para siempre
| Capacidad | Botón gratis | La actualización Tech Pad |
|---|---|---|
| Los visitantes inician un chat de WhatsApp con tu número | ✅ | ✅ |
| Elige ícono, color, forma, posición | ✅ | ✅ |
| Respuestas de IA 24/7 en el idioma del cliente | — | ✅ |
| Bandeja de entrada de un solo equipo para WhatsApp + chat del sitio web | — | ✅ |
| API oficial de WhatsApp Business (Meta) | — | ✅ |
| Precio | Gratis para siempre | Gratis para empezar |
Agregar el botón a Shopify en 4 pasos
- Genera tu código. Abre el generador gratuito, ingresa tu número de WhatsApp con el código de país (solo dígitos, por ejemplo.
919876543210para India), elige un ícono y haz clic Copiar código. - Abre el código de tu tema. En el administrador de Shopify ve a Tienda Online → Temas, haz clic en el ⋯ menú junto a tu tema y elige Editar código.
- Abre
theme.liquid. En la carpeta de diseño, abretheme.liquidy desplázate hasta el final. - Pega y guarda. Pega el código justo antes
</body>y haz clic en Guardar. Actualiza tu tienda: el botón está activo en todas las páginas.
El código es una pequeña etiqueta de script que se carga de manera asíncrona, así que no ralentiza tu tienda:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>¿Por qué código en lugar de una aplicación de Shopify?
Las aplicaciones de WhatsApp en la tienda de apps de Shopify pueden ser convenientes, pero la ruta del código tiene ventajas reales:
- Nada que instalar o aprobar — sin revisión de la aplicación, sin pantalla de permisos, sin solicitud de suscripción
- Funciona con cualquier tema — el botón es un elemento flotante fijo, por lo que se sitúa sobre cualquier diseño
- Una línea que controlas completamente — cambia el número o el estilo en cualquier momento editando esa sola etiqueta
- El mismo código funciona en otras plataformas — si también administras un Squarespace, Webflow o Blogger sitio, usa la página generadora correspondiente
¿Prefieres la ruta de la tienda de aplicaciones para actualizaciones de pedidos en lugar de un botón de chat? La aplicación de Shopify de Tech Pad envía confirmaciones de pedidos, actualizaciones de envío y mensajes de recuperación de carrito a WhatsApp automáticamente.
¿Quieres que el botón responda por ti?
Un botón es solo el primer paso. Cuando los clientes te envían un mensaje a medianoche o el equipo está ocupado, un humano no siempre puede responder en segundos. The Tech Pad convierte ese mismo número de WhatsApp en un asistente de IA 24/7:
- La IA responde al instante desde el catálogo de productos y páginas de tu tienda — en el idioma de tu cliente
- Una bandeja de entrada compartida para el equipo para chats de WhatsApp, chat del sitio web y notificaciones de pedidos
- La API oficial de WhatsApp Business en tu propio número verificado por Meta
- Alertas por correo electrónico y AI Copilot para que ningún cliente potencial espere cuando se necesita un toque humano
Es gratis para comenzar — no se requiere tarjeta de crédito. Conecta tu número en thetechpad.com y el botón que ya instalaste se convierte en tu chat de IA.
Dos minutos hoy te consiguen un botón de WhatsApp en vivo. Agregar The Tech Pad más tarde hace que responda por ti.