Guía de instalación · Shopify
Botón de WhatsApp en Shopify: cómo añadirlo al tema
Genera el widget e instálalo en el tema de Shopify. Duplica el tema antes de editar, añade el script y prueba la tienda publicada.
Contenido revisado el 2 de octubre de 2026
Generar código del botónCómo funciona el botón
El botón abre una conversación en WhatsApp con el número y el mensaje que elijas. El visitante confirma el envío en WhatsApp. El widget no responde mensajes, asigna conversaciones ni conecta la API de WhatsApp.
El snippet se instala en el tema de la tienda. No supongas que también aparece en el checkout. Revisa el código después de cambiar de tema. Evita instalar el widget tanto en el layout como con otra aplicación de botón.
Instalación paso a paso
1. Generar código del botón
Escribe el número con código de país, prepara un mensaje breve y elige color, tamaño y posición. Revisa la vista previa y copia el código. La misma configuración sirve para las cuatro opciones de instalación.
2. Añade el script una sola vez
Ve a Tienda online > Temas y duplica el tema antes de editar el código. En el tema que publicarás, abre layout/theme.liquid y pega el snippet antes de </body>. Guarda y prueba la vista previa. Si no puedes editar el código del tema, pide la instalación al administrador.
3. Publica y prueba una conversación
Después de publicar, abre la página en el teléfono y la computadora. Comprueba el código de país y el número, toca el botón y revisa el mensaje. Si el icono no aparece, revisa si el editor conservó el script y si la política de seguridad del sitio permite tools.chatsac.com.
Qué revisar antes de publicar
El editor elimina scripts
Revisa el HTML publicado, no solo el editor. Si el script fue eliminado, usa un área de código admitida por la plataforma y tu plan.
El icono tapa contenido u otro botón
Prueba ambas posiciones y los tres tamaños en el teléfono. Revisa banners de cookies, carrito y otros widgets. Si ya tienes otro botón de WhatsApp, elige cuál mantener.
Número o mensaje incorrectos
Incluye el código de país y utiliza un número que controles. No incluyas datos personales en el mensaje inicial. El visitante puede editar el borrador antes de enviarlo.
Preguntas frecuentes
¿El botón es gratis?
El generador y el widget son gratuitos e incluyen la marca Chatsac Tools. La plataforma del sitio puede limitar código personalizado según el plan o tus permisos.
¿Necesito la API de WhatsApp?
No. El botón usa un enlace wa.me para abrir WhatsApp. La automatización, varios agentes y las conexiones con CRM requieren un servicio separado.
¿El botón garantiza ventas o envía informes semanales?
No hay garantía de ventas. El servicio registra beacons de instalación y clic, que no demuestran el envío de un mensaje. Los informes semanales por correo todavía no están disponibles.