Cómo Integrar WhatsApp con Shopify: Guía Completa 2026
Integrar WhatsApp con tu tienda Shopify convierte visitantes pasivos en conversaciones activas. Un botón en tu tienda, un clic del cliente, y ya está en tu WhatsApp preguntando por el producto que estaba viendo. Sin formularios, sin tickets, sin esperas.
Key Takeaways
- Hay 3 niveles de integración: link básico, widget/botón y API completa con automatización
- Un link de WhatsApp con WP Link Generator es la forma más rápida de empezar (5 minutos)
- Los widgets flotantes aumentan las conversaciones entre un 20% y 40%
- La integración API permite carritos abandonados, confirmaciones de pedido y seguimiento automatizado
- No necesitas saber código para ninguna de las primeras dos opciones
Nivel 1: Link de WhatsApp en Tu Tienda (5 Minutos)
La integración más simple y efectiva para empezar hoy mismo.
Cómo hacerlo:
- Genera tu link en WP Link Generator con un mensaje como "Hola, tengo una pregunta sobre un producto de su tienda"
- En Shopify, ve a Tienda Online → Páginas o edita tu tema
- Agrega el link como botón o texto en las secciones que quieras
Dónde colocarlo:
- Página de producto — debajo del botón "Agregar al carrito"
- Página de contacto — como alternativa al formulario
- Footer — visible en toda la tienda
- Página de FAQ — "¿No encontraste respuesta? Pregúntanos"
Con código HTML:
<a href="https://wa.me/573001234567?text=Hola,%20tengo%20una%20pregunta%20sobre%20un%20producto"
style="background:#25D366;color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:bold;display:inline-block;">
💬 Preguntar por WhatsApp
</a>
Copia este código en cualquier sección HTML de tu tema Shopify. Cambia el número y el mensaje.
Nivel 2: Widget Flotante de WhatsApp (15 Minutos)
Un botón verde que flota en la esquina inferior de tu tienda. Siempre visible, no invasivo.
Opción A: Apps de Shopify
Las apps más populares para widget de WhatsApp en Shopify:
| App | Precio | Rating | Características |
|---|---|---|---|
| WhatsApp Chat + Cart Recovery | Gratis - $10/mes | 4.8/5 | Widget + recuperación de carritos |
| Elfsight WhatsApp Chat | Gratis - $5/mes | 4.7/5 | Widget personalizable |
| Dondy WhatsApp Marketing | Gratis - $7/mes | 4.6/5 | Widget + automación |
Instalación: Shopify Admin → Apps → Buscar la app → Instalar → Configurar número y estilo.
Opción B: Código personalizado (sin app)
Si prefieres no agregar apps (cada app impacta la velocidad de carga), puedes insertar el widget manualmente:
- Ve a Tienda Online → Temas → Editar código
- Abre
theme.liquid - Antes de
</body>, agrega:
<a href="https://wa.me/573001234567?text=Hola,%20estoy%20viendo%20su%20tienda"
style="position:fixed;bottom:20px;right:20px;background:#25D366;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:9999;transition:transform 0.3s;"
onmouseover="this.style.transform='scale(1.1)'"
onmouseout="this.style.transform='scale(1)'"
target="_blank" rel="noopener">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="white">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
</svg>
</a>
Cero dependencias. Carga instantánea. Control total del diseño.
Nivel 3: WhatsApp Business API + Shopify (Avanzado)
Para tiendas con volumen. Automatiza mensajes en momentos clave del customer journey.
Lo que puedes automatizar:
Confirmación de pedido:
"¡Pedido confirmado! 🎉 Tu orden #1234 está en proceso. Te avisamos cuando esté en camino. ¿Alguna pregunta? Responde aquí."
Carrito abandonado (1-4 horas después):
"Hola [Nombre] 👋 Vimos que dejaste [producto] en tu carrito. ¿Tienes alguna duda? Estamos aquí para ayudarte. [link al carrito]"
Actualización de envío:
"Tu pedido #1234 va en camino 🚚 Tracking: [número]. Entrega estimada: [fecha]. Si necesitas algo, escríbenos."
Post-compra (7 días después):
"Hola [Nombre], ¿qué tal tu [producto]? Tu opinión nos importa. ¿Nos dejas una reseña? [link] Gracias 🙌"
Proveedores de API para Shopify:
| Proveedor | Precio mensual | Integración Shopify | Chatbot incluido |
|---|---|---|---|
| Twilio | Desde $15 + por mensaje | Via app/código | No |
| MessageBird | Desde $50 | Plugin directo | Sí |
| WATI | Desde $49 | App Shopify nativa | Sí |
| Respond.io | Desde $79 | Webhook/API | Sí |
Recomendación: Si manejas menos de 50 pedidos/día, el Nivel 1 o 2 es suficiente. La API tiene sentido cuando necesitas automatización real a escala.
Integración con el Checkout de Shopify
Una táctica potente: agregar el link de WhatsApp en la página de confirmación de pedido.
- Ve a Configuración → Checkout → Scripts adicionales
- Agrega:
<div style="text-align:center;margin:20px 0;padding:15px;background:#f0faf0;border-radius:8px;">
<p style="margin:0 0 10px 0;font-size:16px;">¿Necesitas ayuda con tu pedido?</p>
<a href="https://wa.me/573001234567?text=Hola,%20acabo%20de%20hacer%20un%20pedido%20y%20tengo%20una%20consulta"
style="background:#25D366;color:white;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:bold;">
💬 Escríbenos por WhatsApp
</a>
</div>
El cliente acaba de comprar — es el momento de máxima confianza. Un canal directo de soporte reduce la ansiedad post-compra y las disputas.
Métricas para Medir el Impacto
Después de integrar WhatsApp, monitorea:
- Clics en botón/widget — usa Google Analytics events o la app de widget
- Conversaciones iniciadas — en WhatsApp Business, revisa estadísticas de mensajes
- Tasa de conversión — compara ventas antes y después de la integración
- Tiempo de respuesta — meta: menos de 15 minutos en horario laboral
- Carritos recuperados — si usas API, mide cuántos completan la compra tras el mensaje
FAQ
¿La integración de WhatsApp hace más lenta mi tienda Shopify?
Un link o código HTML personalizado no afecta la velocidad. Las apps de terceros pueden agregar 100-300ms de carga. Si la velocidad es prioridad, usa código personalizado.
¿Puedo integrar WhatsApp con Shopify sin una app?
Sí. El Nivel 1 (link) y el widget por código personalizado no requieren ninguna app. Son copiar y pegar.
¿Necesito WhatsApp Business para integrar con Shopify?
No es obligatorio para un link básico, pero sí recomendado. WhatsApp Business te da perfil empresarial, catálogo, respuestas automáticas y estadísticas.
¿Funciona con Shopify Lite o Shopify Starter?
Sí para links directos. Las apps del Shopify App Store requieren al menos el plan Basic Shopify.
¿Puedo enviar el link de WhatsApp en los emails de Shopify?
Sí. Edita las plantillas de notificación en Configuración → Notificaciones y agrega tu link wa.me en el HTML del email.
Empieza por lo Simple
No necesitas la API para empezar. No necesitas una app de $50/mes. Necesitas un link de WhatsApp bien hecho y 5 minutos para ponerlo en tu tienda.
Genera tu link ahora con WP Link Generator, agrégalo a tu Shopify, y mide los resultados en una semana. Si el volumen crece, escalas al siguiente nivel.