Saltar al contenido principal

Integración personalizada

Integra Neuroon en cualquier sitio web o plataforma.

Instalación básica​

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.neuroon.ai/widget.css">
</head>
<body>
  <!-- Tu contenido -->

  <div id="neuroon-search"></div>

  <script
    src="https://cdn.neuroon.ai/widget.js"
    data-token="YOUR_TOKEN"
    data-container="#neuroon-search">
  </script>
</body>
</html>

Instalación con npm​

Si usas un bundler (webpack, Vite, etc.):

npm install @neuroon/widget
import { NeuroonWidget } from '@neuroon/widget';
import '@neuroon/widget/dist/widget.css';

const widget = NeuroonWidget.init({
  container: '#neuroon-search',
  token: 'YOUR_TOKEN',
});

Sincronización de productos​

Via API​

Sincroniza tus productos usando nuestra API REST:

curl -X POST https://api.neuroon.ai/api/shops/{shopId}/products/sync \
  -H "X-Shop-API-Key: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '[
    {
      "externalId": "prod-001",
      "name": "Producto ejemplo",
      "description": "Descripción del producto",
      "price": 99.99,
      "currency": "EUR",
      "url": "https://tu-tienda.com/productos/001",
      "imageUrl": "https://tu-tienda.com/images/001.jpg",
      "categories": ["Categoría"],
      "brand": "Marca",
      "inStock": true
    }
  ]'

Via Dashboard​

  1. Ve a Dashboard → Productos
  2. Haz clic en Importar
  3. Sube un archivo JSON o CSV

Formato JSON​

[
  {
    "externalId": "prod-001",
    "name": "Producto ejemplo",
    "price": 99.99,
    "url": "https://tu-tienda.com/productos/001"
  }
]

Formato CSV​

externalId,name,price,url
prod-001,Producto ejemplo,99.99,https://tu-tienda.com/productos/001

Campos de producto​

CampoTipoRequeridoDescripción
externalIdstring✅ID único del producto en tu sistema
namestring✅Nombre del producto
pricenumber✅Precio (sin símbolo de moneda)
urlstring✅URL del producto
descriptionstring❌Descripción del producto
imageUrlstring❌URL de la imagen
currencystring❌Código de moneda (EUR, USD, etc.)
categoriesstring[]❌Array de categorías
brandstring❌Marca del producto
tagsstring[]❌Array de tags
inStockboolean❌Disponibilidad
salePricenumber❌Precio de oferta

Ejemplo completo​

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mi Tienda</title>
  <link rel="stylesheet" href="https://cdn.neuroon.ai/widget.css">
</head>
<body>
  <header>
    <nav>
      <div id="neuroon-search"></div>
    </nav>
  </header>

  <main>
    <!-- Contenido de tu página -->
  </main>

  <script src="https://cdn.neuroon.ai/widget.js"></script>
  <script>
    const widget = NeuroonWidget.init({
      container: '#neuroon-search',
      token: 'YOUR_TOKEN',
      theme: 'auto',
      locale: 'es',
      ui: {
        placeholder: 'Buscar en la tienda...',
        layout: 'grid',
        resultsPerPage: 20,
      },
      callbacks: {
        onResultClick: (product) => {
          // Redirigir al producto
          window.location.href = product.url;
        },
        onSearch: (query) => {
          // Analytics
          gtag('event', 'search', { search_term: query });
        },
      },
    });
  </script>
</body>
</html>