Chatbot para Shopify

Aprende a instalar el widget de ChatbotNeo en tu tienda Shopify. Edita el archivo theme.liquid para añadir soporte y ventas con IA.

En Shopify, para que el chatbot aparezca en todas las páginas (Inicio, Productos, Carrito), debemos insertar el código en el archivo maestro de diseño llamado theme.liquid.

Obtén tu Código

Si no copiaste el código en el momento de crear el chatbot, puedes recuperarlo en cualquier momento:

Ve a tu Dashboard y en el desplegable de arriba a la izquierda selecciona Ver todos los chatbots.
Busca el chatbot que quieres insertar.
Copia el bloque de código completo haciendo clic en el botón de copiar.

Pantalla de éxito con el código de script visible

Accede al Editor de Código

Inicia sesión en tu panel de administración de Shopify.
En el menú izquierdo, ve a Tienda online (Online Store) → Temas (Themes).
Busca tu tema actual (el que dice "Tema actual").
Haz clic en los tres puntos (...) y selecciona Editar código.

Modifica el archivo theme.liquid

Una vez en el editor, verás muchas carpetas a la izquierda. Sigue estos pasos con cuidado:

Abre la carpeta Layout.
Haz clic en el archivo theme.liquid.
Baja hasta el final del código. Debes buscar la etiqueta de cierre </body>.

Pega el código

Inserta el script justo antes de </body> y asegúrate de no romper ninguna etiqueta {% ... %} existente.

layout/theme.liquid

  <!-- ... contenido previo del tema ... -->
  
  {% section 'footer' %}

  <!-- 👇 PEGA TU SCRIPT AQUÍ 👇 -->
  <script
    id="chatbotneo-embed-script"
    src="https://chatbotneo.com/widget/embed.min.js?chatbot_id=TU_ID_AQUI"
    async defer>
  </script>
  <!-- 👆 FIN DEL SCRIPT 👆 -->

</body>
</html>

Haz clic en Guardar (Save) en la esquina superior derecha.

Precaución

El archivo theme.liquid controla el diseño de toda tu tienda. Ten cuidado de no borrar accidentalmente otras líneas de código ajenas al chatbot.

Verifica la Tienda

Haz clic en el botón "Ver tienda" o abre tu web en una nueva pestaña.
Espera unos segundos. El chatbot debería aparecer.
Navega a un producto o al carrito para confirmar que el asistente te sigue durante la navegación.

¿No aparece? En Shopify, a veces los cambios tardan 1-2 minutos en propagarse a la CDN. Si no lo ves al instante, espera un momento y recarga la página.