Si tienes una tienda en Shopify y quieres añadir un chatbot con IA, estás en el lugar correcto. En este tutorial te guiamos paso a paso para tener Lia funcionando en tu tienda en menos de 5 minutos.

No necesitas conocimientos técnicos. Si sabes copiar y pegar, puedes hacerlo.

Requisitos previos

Antes de empezar, asegúrate de tener:

Una tienda Shopify activa (cualquier plan)
Acceso al panel de administración de Shopify
Una cuenta en Lia (puedes crearla gratis en hellolia.es)

Paso 1: Crea tu cuenta en Lia

Si aún no tienes cuenta:

Ve a app.hellolia.es
Haz clic en "Crear cuenta"
Introduce tu email y crea una contraseña
Confirma tu email (recibirás un enlace)

Una vez dentro, verás el dashboard principal de Lia.

Paso 2: Configura tu chatbot básico

Antes de instalarlo en tu tienda, vamos a hacer una configuración mínima:

2.1 Información básica

En el menú lateral, ve a Configuración > General:

Nombre del chatbot: Cómo quieres que se presente (ej: "Lia", "Asistente de [tu tienda]")
Mensaje de bienvenida: Lo primero que verá el cliente (ej: "¡Hola! ¿En qué puedo ayudarte hoy?")
Idioma: Español (o el idioma de tus clientes)

2.2 Base de conocimiento básica

Ve a Base de conocimiento y añade al menos:

Tu política de envíos
Tu política de devoluciones
Información de contacto
Horario de atención

Puedes añadir más información después, pero esto es el mínimo para empezar.

Paso 3: Obtén tu código de instalación

Ve a Configuración > Instalación
Selecciona "Shopify" como plataforma
Verás un código similar a este:

<script>
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;
  j.src='https://widget.hellolia.es/widget.js?id='+i;
  f.parentNode.insertBefore(j,f);
  })(window,document,'script','liaLayer','TU_API_KEY');
</script>

Haz clic en "Copiar código"

Importante: El código contiene tu API key única. No lo compartas públicamente.

Paso 4: Añade el código a tu Shopify

Hay dos formas de hacerlo. Te explicamos ambas:

Opción A: Desde el editor de temas (recomendado)

En tu panel de Shopify, ve a Tienda online > Temas
En tu tema activo, haz clic en Acciones > Editar código
En la lista de archivos, busca theme.liquid (normalmente en la carpeta "Layout")
Busca la etiqueta </body> al final del archivo
Justo ANTES de </body>, pega el código de Lia
Haz clic en Guardar

El resultado debería verse así:

    ... resto del código ...

    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;
      j.src='https://widget.hellolia.es/widget.js?id='+i;
      f.parentNode.insertBefore(j,f);
      })(window,document,'script','liaLayer','TU_API_KEY');
    </script>
  </body>
</html>

Opción B: Usando la app "Custom Pixels" (alternativa)

Si no te sientes cómodo editando código:

Ve a Configuración > Aplicaciones de cliente > Custom Pixels en Shopify
Haz clic en Añadir pixel personalizado
Dale un nombre (ej: "Lia Chatbot")
Pega el código de Lia
Guarda y activa el pixel

Paso 5: Verifica la instalación

Abre tu tienda en una nueva ventana (o en modo incógnito)
Deberías ver el icono del chat en la esquina inferior derecha
Haz clic en él y prueba a hacer una pregunta
Verifica que responde correctamente

¿No aparece el chat?

Espera 1-2 minutos y recarga la página
Verifica que guardaste los cambios en Shopify
Comprueba que el código está antes de </body>
Asegúrate de que no tienes bloqueadores de anuncios activos

Paso 6: Personaliza el aspecto (opcional)

Una vez instalado, puedes personalizar cómo se ve el widget:

En Lia, ve a Configuración > Widget
Ajusta:
- Color principal: Para que coincida con tu marca
- Posición: Izquierda o derecha
- Icono: Elige entre varios estilos
- Tamaño: Compacto o expandido

Los cambios se aplican automáticamente sin necesidad de tocar el código.

Paso 7: Configura el escalado (recomendado)

Para los casos que necesiten atención humana:

Ve a Configuración > Escalado
Activa al menos un canal:
- Email: Recibirás un email cuando Lia escale una conversación
- WhatsApp: Notificación directa a tu móvil
Configura los triggers de escalado (cuándo debe pasar a humano)

Prueba final: El test completo

Antes de dar por terminada la instalación, haz estas pruebas:

Pregunta frecuente: "¿Cuánto tardáis en enviar?" → Debería responder con tu política
Pregunta de producto: "¿Tenéis esto en talla M?" → Debería dar info o escalar
Solicitud de humano: "Quiero hablar con alguien" → Debería escalar
Navegación en móvil: Abre tu tienda en el móvil y verifica que el chat funciona

Solución de problemas comunes

El chat no aparece

Verifica que el código está correctamente colocado antes de </body>
Comprueba que no hay errores de JavaScript en la consola del navegador (F12)
Desactiva extensiones del navegador que puedan bloquearlo

El chat aparece pero no responde

Verifica tu conexión a internet
Comprueba que tu cuenta de Lia está activa
Revisa que la API key en el código es correcta

Las respuestas son genéricas

Añade más información a tu base de conocimiento
Asegúrate de incluir las preguntas frecuentes de tu tienda

El estilo no coincide con mi tienda

Ajusta los colores en Configuración > Widget
Si necesitas personalización avanzada, contacta con soporte

Siguientes pasos

Ya tienes Lia funcionando en tu Shopify. Para sacarle el máximo partido:

Completa la base de conocimiento: Cuanta más información, mejores respuestas
Revisa las conversaciones: Los primeros días, revisa cómo responde y ajusta
Configura analíticas: Para ver métricas de uso y satisfacción
Añade más canales: Integra WhatsApp para un soporte más completo

Conclusión

Instalar Lia en Shopify es rápido y sencillo. En menos de 5 minutos puedes tener un chatbot con IA respondiendo a tus clientes 24/7.

Recuerda: la instalación es solo el primer paso. El valor real viene de configurar bien tu base de conocimiento y ajustar las respuestas a tu negocio.

¿Necesitas ayuda con la instalación? Nuestro equipo está disponible para asistirte. Escríbenos en hellolia.es o directamente desde el chat de soporte.

Cómo instalar Lia en tu Shopify en 5 minutos