Volver a Guías

Instalación en Shopify

Instala hatch en tu tienda Shopify editando el archivo theme.liquid de tu tema.

1
Accede al Editor de Código
Desde tu panel de administración de Shopify

En tu panel de Shopify, navega a:

Online Store → Themes → ... (tres puntos) → Edit code

También puedes acceder desde: Canales de Venta → Tienda Online → Temas → Editar código

2
Busca el archivo theme.liquid
En la carpeta Layout

En el panel izquierdo, expande la carpeta "Layout" y haz clic en "theme.liquid".

📁 Layout
    └── theme.liquid ← Este archivo

3
Encuentra la etiqueta </body>
Usa Ctrl+F o Cmd+F para buscar

Busca </body> al final del archivo. Generalmente está en las últimas líneas.

4
Pega el código de hatch
Justo antes de </body>

Pega tu código de instalación de hatch justo antes de la etiqueta de cierre:

    {{ content_for_layout }}
    
    <!-- Chat de hatch -->
    <script src="https://hatch.lat/widget/TU_BOT_ID/loader.js" defer></script>
    
  </body>
</html>
Guarda y Verifica
¡Solo un paso más!

Haz clic en "Save" en la esquina superior derecha. Luego visita tu tienda y deberías ver el ícono del chat en la esquina inferior derecha.

✅ Los cambios se aplican inmediatamente en tu tienda en vivo.

Tips para Shopify

Checkout: El chat no aparecerá en las páginas de checkout por restricciones de Shopify.

Apps de chat: Si tienes otra app de chat instalada, desactívala para evitar conflictos.

Temas premium: Algunos temas tienen archivos diferentes; busca donde termina el HTML.