Botón Whatsapp Shopify Liquid

Instrucciones de instalación — Botón WhatsApp Cotizar

Paso 1 — Acceder al código del tema En tu panel de Shopify ve a Online Store → Themes En tu tema activo haz clic en "..." → Edit code

Paso 2 — Crear el archivo de la sección En el panel izquierdo busca la carpeta sections/ Haz clic en "Add a new section" Escribe el nombre: whatsapp-cotizar (sin espacios, sin mayúsculas) Haz clic en Done Borra todo el contenido que Shopify pone por defecto Pega el código del archivo descargado Haz clic en Save

Paso 3 — Agregar la sección al template de producto Ve a Online Store → Themes → Customize En el selector de páginas (arriba al centro) elige Products → Default product En el panel izquierdo verás la lista de secciones de la página Haz clic en "Add section" (al fondo del panel) Busca y selecciona "Botón WhatsApp Cotizar" Haz clic en Save

Paso 4 — Configurar el botón Dentro de la sección recién agregada configura: Número de WhatsApp → con código de país, ej: +56912345678 Mensaje predeterminado → el texto que llegará al chat (el nombre del producto se agrega solo) Posición del botón → elige dónde quieres que aparezca en la página de producto Ajusta colores, texto, ícono y espaciado a tu gusto Haz clic en Save cuando termines.

Paso 5 — Verificar en la tienda Abre cualquier página de producto de tu tienda y confirma que el botón aparece en la posición elegida. Al hacer clic debe abrir WhatsApp con el mensaje y el nombre del producto precargados. ¿El botón no aparece en la posición correcta? Cada tema tiene nombres de clases CSS distintos. Si la posición predefinida no funciona, usa la opción "🎯 Selector CSS personalizado": abre las DevTools del navegador (clic derecho sobre el elemento ancla → Inspeccionar), copia el selector CSS de ese elemento y pégalo en el campo correspondiente.