Saltar al contenido principal

Shopify

Integra Neuroon en tu tienda Shopify en minutos.

Instalación​

1. Añadir el código al tema​

  1. Ve a Tienda online → Temas → Editar código
  2. Abre el archivo theme.liquid
  3. Añade antes de </head>:
<link rel="stylesheet" href="https://cdn.neuroon.ai/widget.css">
  1. Añade antes de </body>:
<div id="neuroon-search"></div>

<script
  src="https://cdn.neuroon.ai/widget.js"
  data-token="{{ shop.metafields.neuroon.token }}"
  data-container="#neuroon-search">
</script>

2. Configurar el token​

  1. Ve a Configuración → Metafields → Tienda
  2. Crea un metafield:
    • Namespace: neuroon
    • Key: token
    • Tipo: Single line text
  3. Guarda tu token de Neuroon
Alternativa

Si prefieres no usar metafields, puedes poner el token directamente:

data-token="tu_token_aqui"

Sincronización de productos​

Opción 1: Sincronización manual​

  1. Exporta tus productos desde Productos → Exportar
  2. Sube el CSV en Dashboard Neuroon → Productos → Importar

Opción 2: Webhook automático (Recomendado)​

Configura un webhook para sincronización en tiempo real:

  1. Ve a Configuración → Notificaciones → Webhooks
  2. Crea un webhook:
    • Evento: Product creation
    • URL: https://api.neuroon.ai/webhooks/shopify/{tu_shop_id}
    • Formato: JSON
  3. Repite para Product update y Product deletion

Personalización del tema​

Reemplazar la búsqueda nativa​

Para reemplazar la búsqueda de Shopify por Neuroon:

  1. Busca el archivo que contiene tu barra de búsqueda (normalmente header.liquid)
  2. Comenta o elimina el formulario de búsqueda existente
  3. Añade el contenedor de Neuroon:
{%- comment -%} Búsqueda nativa de Shopify (comentada) {%- endcomment -%}
{%- comment -%}
<form action="/search" method="get">
  <input type="text" name="q">
</form>
{%- endcomment -%}

{%- comment -%} Widget de Neuroon {%- endcomment -%}
<div id="neuroon-search"></div>

Estilos personalizados​

Añade estilos en theme.liquid o en un archivo CSS:

/* Personalizar el widget */
.neuroon-widget {
  --nrn-primary: {{ settings.colors_accent_1 }};
}

Solución de problemas​

El widget no carga​

  1. Verifica que el token sea correcto
  2. Comprueba la consola por errores
  3. Asegúrate de que el script esté antes de </body>

Los productos no aparecen​

  1. Verifica que los productos estén sincronizados en el Dashboard
  2. Comprueba que los productos estén publicados en Shopify
  3. Revisa los logs de webhooks