Cómo Añadir un Botón de WhatsApp Gratis a Shopify (Sin Aplicaciones)
Añadir un botón directo de WhatsApp en tu tienda Shopify es una de las optimizaciones de mayor impacto en la tasa de conversión que puedes implementar. Cuando los clientes potenciales tienen dudas sobre tallas, plazos de envío o métodos de pago, poder contactar al instante con una persona reduce radicalmente los carritos abandonados.
Sin embargo, la mayoría de tiendas cometen el mismo error: instalan aplicaciones pesadas de la Shopify App Store que cobran de 5 a 29 dólares al mes e inyectan más de 150KB de scripts que arruinan las métricas Core Web Vitals en Google.
En esta guía aprenderás a insertar un botón de WhatsApp ultraligero y de alto rendimiento directamente en tu tema de Shopify, 100% gratis y sin código complejo.
¿Por qué WhatsApp Supera al Chat en Vivo Tradicional?
Los chats tradicionales (como Zendesk o Intercom) pierden al visitante en cuanto cierra la pestaña del navegador. En cambio, WhatsApp ofrece:
- Canal Persistente: La conversación pasa al WhatsApp personal del cliente. Cuando respondas, recibirá una notificación en su teléfono.
- 98% de Tasa de Apertura: Muy superior al 18% del correo electrónico.
- Mensajes Predefinidos: El cliente abre la app con el texto ya redactado preguntando por el producto exacto.
Si vendes en otras plataformas, consulta nuestro Directorio de Integraciones CMS para WordPress, WooCommerce, Squarespace y Webflow.
Pasos para Añadir el Botón en tu Tema de Shopify
Paso 1: Obtén tu Código en WAButton
- Accede a nuestro Generador de Enlaces de WhatsApp.
- Introduce tu número en formato internacional (ej.
34600123456para España o52155...para México). - Redacta el mensaje predeterminado y copia el fragmento HTML.
Paso 2: Edita el Código del Tema
- Entra en tu panel de administración de Shopify.
- Ve a Tienda online > Temas.
- En tu tema actual, pulsa en los tres puntos (
...) y selecciona Editar código.
Paso 3: Pega el Script en theme.liquid
- Abre el archivo
theme.liquiddentro de la carpetaLayout. - Ve hasta el final del archivo y busca la etiqueta de cierre
</body>. - Justo antes de
</body>, pega el código:
<!-- WAButton WhatsApp Widget -->
<script
src="https://wabutton.app/widget.js"
data-phone="34600123456"
data-message="¡Hola! Tengo una consulta sobre un producto de vuestra tienda."
data-position="bottom-right"
defer
></script>
<!-- Fin WAButton WhatsApp Widget -->
- Guarda los cambios.
Preguntas Frecuentes
¿Funciona en dispositivos móviles y ordenadores?
Sí. En teléfonos abre directamente la aplicación de WhatsApp, y en ordenadores lanza WhatsApp Web.
¿Afecta a la velocidad de mi tienda?
No. El script se ejecuta con el atributo defer, cargando de forma asíncrona tras los elementos esenciales de la tienda.
Crea tu botón hoy mismo con nuestro Generador de Enlaces de WhatsApp o aprende más en nuestra Guía de Generación de Leads.
Capture More Website Leads with WAButton
Add a smart, floating WhatsApp chat button to your site in 2 minutes. Route chats to multiple team members, display business hours, and trigger automated webhook notifications.
Written by Equipo de Crecimiento WAButton
Optimización E-Commerce