Cómo Agregar un Botón de Chat de WhatsApp a tu Tienda Shopify (2026)
Agregar un botón de chat de WhatsApp a tu tienda Shopify en 2026 es uno de los cambios más rápidos y de mayor ROI que puedes hacer: en vivo en menos de diez minutos. Esta guía cubre tres formas honestas: una gratuita wa.me enlace, un botón flotante, y El widget de Chat Web gratuito de The Tech Pad, que abre una ventana de chat real en el navegador. The Tech Pad funciona con la API oficial de WhatsApp Cloud, por lo que los chats del widget y los mensajes de WhatsApp Business llegan a una bandeja de entrada compartida del equipo. Al final tendrás un botón que convierte preguntas previas a la compra en pedidos — no un ícono decorativo, sino un canal de conversación funcional.
Por qué tu tienda Shopify necesita un botón de chat de WhatsApp
Los compradores no envían correos electrónicos antes de comprar: dudan. "¿Está en stock? ¿Me quedará bien? ¿Cuándo se envía?" — pequeñas dudas que matan ventas en el momento exacto en que ocurren. Un botón de chat de WhatsApp pone la respuesta a un toque de distancia, en la página donde aparece la duda: páginas de productos, carrito, móvil.
WhatsApp también es donde tus clientes ya están. Los mensajes en WhatsApp tienen una tasa de apertura del 98% frente a aproximadamente 20% para el correo electrónico, y la conversación ocurre en tiempo real. Especialmente para las tiendas D2C indias, los compradores suelen enviar mensajes a las marcas antes de pagar: una pregunta sobre tallas respondida en minutos es la diferencia entre un pedido y un carrito abandonado.
El botón es solo la puerta principal: lo que sucede después del toque —quién responde, qué tan rápido y qué envías después— es lo que hace que valga la pena, y ahí es donde esta guía dedica la mayor parte de su tiempo.
Lo que necesitas antes de empezar
- Un número de WhatsApp Business. Tu número existente funciona — The Tech Pad lo conecta a través de Meta Embedded Signup, sin claves API que manejar.
- Tu número en formato internacional (para India,
91XXXXXXXXXX). - Un codificador de URL para rellenar previamente
wa.metexto. - Una cuenta gratuita de The Tech Pad si quieres el widget de chat, la bandeja de entrada compartida y las respuestas automáticas.
- Plantillas de mensajes aprobadas para seguimientos después de la venta — solo posible a través de la API de WhatsApp Business; un enlace no puede enviarlos.
Cómo configurarlo (paso a paso)
Paso 1 — Elige tu método. Los tres funcionan. El wa.me enlace es el más rápido; el widget es el más completo. Comienza con el enlace hoy y actualiza al widget la próxima semana — tu número no cambia.
Paso 2 — Método 1: el wa.me enlace (gratis, ~2 minutos). Construye una URL en este formato:
https://wa.me/<countrycode><number>?text=<urlencoded>
Por ejemplo, https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question. Colóquelo en cualquier lugar donde su tema acepte un enlace: un botón del encabezado, la barra de anuncios o una sección de la página del producto. Codifique en URL el texto prellenado para que el mensaje llegue ya escrito y pruebe en un teléfono real: el móvil es donde la mayoría de los compradores tocan.
Paso 3 — Método 2: un botón flotante (15–30 minutos). Agregue un pequeño fragmento a su tema antes de </body> — en Shopify: Tienda Online → Temas → Editar código → theme.liquid. El CSS de posición fija mantiene el botón en la parte inferior derecha, con un objetivo de 48 px o más para tocar en móvil:
<!-- WhatsApp floating button — paste before </body> -->
<a href="https://wa.me/91XXXXXXXXXX?text=Hi%2C%20I%20have%20a%20question"
class="wa-float" target="_blank" rel="noopener">💬</a>
<style>
.wa-float {
position: fixed; right: 20px; bottom: 20px; z-index: 999;
width: 56px; height: 56px; border-radius: 50%;
background: #25D366; color: #fff; display: flex;
align-items: center; justify-content: center;
font-size: 28px; text-decoration: none;
}
@media (max-width: 480px) {
.wa-float { width: 48px; height: 48px; font-size: 24px; }
}
</style>¿Prefieres una aplicación? Cualquier aplicación de Shopify con botón flotante hace el mismo trabajo, desde gratis hasta unos pocos dólares al mes.
Paso 4 — Método 3: El widget de chat web de Tech Pad (~10 minutos). Pega un script de inserción en tu tema y obtendrás una ventana de chat real que se abre en el navegador — sin cambiar de aplicación a WhatsApp. Nota: el widget no es una función de WhatsApp; es una ventana de chat en el navegador que comparte una bandeja de entrada con tu número de WhatsApp. El saludo, la respuesta automática y la asignación de agentes se configuran en el panel de control. El widget es gratuito.
Paso 5 — Conecta tu número y tienda. En The Tech Pad, conecta tu número de WhatsApp Business (Registro Integrado de Meta — tu número existente, sin claves API) y tu tienda de Shopify mediante OAuth.
Paso 6 — Aprueba una plantilla de seguimiento. Centro de Plantillas → elige el iniciador de confirmación de pedido → completa las {{1}} / {{2}} variables → categoría UTILIDAD (transaccional, aprueba en minutos–horas) → con un clic Enviar a Meta.
Paso 7 — Conéctalo con los eventos de la tienda. Crea una regla de flujo: order created o order paid → enviar la plantilla de confirmación. El botón inicia conversaciones; la automatización las termina.
Un botón es solo la puerta de entrada
Una vez que un cliente toca, el reloj empieza. Los compradores de WhatsApp esperan una respuesta rápida: el tiempo medio de respuesta en The Tech Pad es menos de 90 segundos. Una tienda que responde lentamente pierde exactamente la venta que el botón se suponía que debía salvar.
Dos cosas a saber sobre lo que sucede a continuación:
- La ventana de 24 horas. Durante 24 horas después de que un cliente le envíe un mensaje, puede responder libremente. Después de eso, los mensajes iniciados por la empresa necesitan plantillas aprobadas (UTILIDAD o MARKETING).
- Las actualizaciones de pedidos necesitan la API. Las confirmaciones, actualizaciones de envío y alertas de entrega no se pueden enviar desde un enlace; necesitan la Business API más plantillas aprobadas, que es exactamente lo que la integración de The Tech Pad con [Shopify](/blog/shopify-whatsapp-integration-2026/) maneja, con las respuestas llegando a la misma [bandeja de entrada compartida](/features/inbox/).
Métodos comparados
| Método | Tiempo de configuración | Costo | ¿Abre el chat en el navegador? | ¿Respuestas automáticas? | ¿Buzón del equipo? | ¿Notificaciones de pedidos? |
|---|---|---|---|---|---|---|
wa.me enlace | ~2 min | Gratis | No (abre WhatsApp) | No | No | No |
| Botón flotante | 15–30 min | Gratis–$5/mes | No (abre WhatsApp) | No | No | No |
| Widget de chat web (The Tech Pad) | ~10 min | Gratis | Sí | Sí | Sí | Sí — a través de la integración de Shopify |
Plantillas de mensajes que funcionan
El botón trae la conversación; las plantillas la mantienen activa:
| Plantilla | Cuándo se envía | Por qué funciona |
|---|---|---|
| Confirmación de pedido | Pedido realizado | Elimina la ansiedad de "¿mi pedido se completó?" |
| Pedido enviado | Evento de cumplimiento | El rastreo genera confianza |
| Bienvenido / seguimiento previo a la venta | Después del primer chat | Convierte una pregunta en un cliente |
Ambos bloques de texto utilizan {{1}} / {{2}} variables que obtienen datos reales del pedido:
"Hola {{1}} 👋 ¡Gracias por comunicarte! Una persona real de nuestra tienda responderá en breve. Mientras tanto, sí, {{2}} está en stock y se envía dentro de 24 horas."
"Hola {{1}}, tu pedido {{2}} está confirmado ✅ Te enviaremos el seguimiento en el momento en que se envíe. Solo responde aquí si algo cambia: este hilo llega al buzón de nuestro equipo."
Mejores prácticas — y cuándo omitir el botón
- Abajo a la derecha, siempre. Es la convención amigable para el pulgar y mantiene el botón libre de los botones del carrito y de pago.
- Rellena el mensaje previamente. Una pregunta preescrita aproximadamente duplica la probabilidad de que el comprador toque el botón.
- Responde rápido, luego automatiza. Responde automáticamente al instante, consigue un humano (o el Copiloto de IA) en el hilo rápidamente, y deja que las plantillas manejen los seguimientos posteriores a la compra.
- No etiquetes mal el widget. El widget de Web Chat es una ventana de chat del navegador, no una función de WhatsApp: solo comparte una bandeja de entrada con WhatsApp.
Omite el botón si no puedes atender respuestas, si tus compradores nunca chatean, o si solo quieres un enlace; entonces el wa.me URL es todo lo que necesitas. Un botón al que nadie responde es peor que no tener botón.
FAQ
P: ¿Cómo agrego un botón de WhatsApp a mi tienda Shopify?
A: Tres opciones: un enlace wa.me colocado en cualquier lugar de tu tema (gratis, sin necesidad de código), un botón flotante mediante un pequeño fragmento en theme.liquid o una aplicación de Shopify, o un widget de chat que abre una ventana de chat real en el navegador y se dirige a tu bandeja de entrada de WhatsApp y chat web. La elección correcta depende de si quieres un enlace o un canal de conversación real.
Q: ¿Es gratuito un botón de chat de WhatsApp para Shopify?
A: Sí. Un enlace de clic para chatear wa.me es completamente gratuito e ilimitado. Las aplicaciones de botón flotante varían de gratuitas a unos pocos dólares al mes. El widget de chat de The Tech Pad es gratuito; solo pagas las tarifas por mensaje de Meta cuando comienzas a enviar mensajes de WhatsApp iniciados por la empresa a través de la API.
P: ¿Dónde debería ir el botón de WhatsApp en Shopify?
R: La convención es en la parte inferior derecha (fácil de usar con el pulgar en móviles), visible en las páginas de productos y el carrito — las páginas donde los compradores tienen preguntas. Manténlo alejado de los botones de carrito y pago para que nunca interfiera con completar la compra.
P: ¿Puede un botón de WhatsApp aumentar las ventas en Shopify?
R: Sí — responde las pequeñas dudas que matan ventas (¿está en stock?, ¿servirá?, ¿cuándo se envía?) en el momento en que surgen. Aunque el botón es solo la puerta de entrada: pre-llena un mensaje, responde rápido (una respuesta automática instantánea ayuda), y da seguimiento con notificaciones de pedidos después de la venta.
Envía chats de WhatsApp desde Shopify hoy
El widget de chat web de The Tech Pad es gratuito, funciona con la API oficial de WhatsApp Cloud, y se conecta a Shopify en unos pocos clics — la [integración con Shopify](/blog/shopify-whatsapp-integration-2026/) maneja plantillas, reglas de flujo y la bandeja de entrada compartida. No hay ninguna cuota mensual de SaaS para los plugins: solo pagas la tarifa por mensaje de Meta, aproximadamente ₹0.10–0.30 por mensaje UTILITY en India, sin ningún recargo por mensaje de nuestra parte. Comienza con el [widget de chat web](/features/webchat/), un [plugin](/plugins/) para automatización, o ve directamente a la [API de WhatsApp Business](/wa/) — tu botón puede estar activo antes del almuerzo.