> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jelou.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Cómo usar integraciones en Brain

> Cómo instalar una integración del Marketplace y usarla en un AI Agent o en el Canvas dentro de Brain Studio.

Las integraciones del Marketplace se instalan una vez y luego están disponibles en todo tu espacio de trabajo. Esta página explica las dos formas de instalarlas y las dos superficies donde puedes usarlas: **AI Agent** y **Canvas**.

## Cómo instalar una integración

### Con Jelou Agent

Describe lo que quieres construir. El [Jelou Agent](/guides/getting-started/jelou-agent) detecta qué integración necesitas, te pide confirmar la conexión y construye el flujo automáticamente.

<Steps>
  <Step title="Describe lo que quieres construir">
    Activa el modo **Jelou Agent** en el Canvas y escribe tu prompt.

    Ejemplos:

    * "Construye un agente que consulte los últimos leads de Bitrix24 y me permita agregar uno nuevo por voz"
    * "Crea un flujo que cobre con Stripe y confirme el pago al usuario"
    * "Arma un agente que agende citas en Google Calendar"
  </Step>

  <Step title="Confirma la integración">
    Si la integración no está instalada, el Jelou Agent la detecta y muestra una tarjeta de confirmación. Haz clic en **Confirmar** para conectarla. El Jelou Agent muestra la integración como **Conectado** y continúa construyendo el flujo.
  </Step>

  <Step title="Haz clic en Drag to canvas">
    El Jelou Agent genera el flujo completo con todos los nodos configurados. Haz clic en **Drag to canvas** para trasladarlo.

    <Note>
      El Jelou Agent elige la superficie correcta según el caso. Un flujo de cobros genera nodos Canvas con la tool de pago y sus salidas específicas. Un flujo de CRM o agenda genera un AI Agent con la integración configurada como herramienta.
    </Note>

    <Check>
      El flujo aparece en el Canvas con todos los nodos configurados.
    </Check>
  </Step>
</Steps>

### Desde el Marketplace

<Steps>
  <Step title="Abre el Marketplace">
    En Brain Studio, selecciona **Marketplace** en el menú lateral izquierdo.
  </Step>

  <Step title="Conecta la integración">
    Navega por categorías o usa el buscador. Haz clic en la integración y luego en **Conectar**. Ingresa tus credenciales (API key, token) o autoriza el acceso vía OAuth.
  </Step>

  <Step title="Instala">
    Haz clic en **Instalar**.

    <Check>
      La integración aparece en la pestaña **Instaladas** del Marketplace y en el sidebar del Canvas bajo la sección **Marketplace**.
    </Check>
  </Step>
</Steps>

## Cómo usar una integración instalada

<Info>
  Lo habitual es usar la integración como **herramienta** en un nodo **AI Agent**: el modelo elige cuándo invocar cada tool según la conversación. Usa el **Canvas** cuando el proceso requiera **ramas y salidas explícitas** (por ejemplo cobros con varios resultados posibles). Si construyes con **Jelou Agent**, él incorpora la integración en la superficie que encaje con tu caso.
</Info>

### En un AI Agent

**El caso más frecuente:** dentro de un [**nodo AI Agent**](/guides/nodos/ai-agent) das acceso a una o varias integraciones del Marketplace; el agente decide **cuándo** invocar cada herramienta según el contexto de la conversación.

Es la superficie natural cuando **las intenciones del usuario son variadas**: el mismo agente puede consultar un CRM, agendar en el calendario o enviar un correo, según lo que pida en cada momento.

<Frame caption="AI Agent — pestaña Herramientas, integración añadida y configuración de tools (ejemplo en Brain Studio)">
  <img src="https://mintcdn.com/jelouai/51JeT2dxTZ1dFjvi/assets/images/integraciones/como-usar-integraciones-en-brain/ai-agent-herramientas.png?fit=max&auto=format&n=51JeT2dxTZ1dFjvi&q=85&s=3544ac33eb4459de737820feff0d867c" alt="Panel del nodo AI Agent en Brain Studio: pestaña Herramientas con una integración del Marketplace añadida y lista de tools activables" width="1024" height="545" data-path="assets/images/integraciones/como-usar-integraciones-en-brain/ai-agent-herramientas.png" />
</Frame>

<Steps>
  <Step title="Abre la pestaña Herramientas">
    En el nodo **AI Agent**, ve a la pestaña **Herramientas** y haz clic en **Agregar tool**.
  </Step>

  <Step title="Busca y selecciona la integración">
    Escribe el nombre de la integración en el buscador y selecciónala.
  </Step>

  <Step title="Elige qué tools puede usar">
    * **Integración completa:** el agente accede a todas las tools disponibles.
    * **Selección individual:** activa solo las tools que necesitas.

    <Note>
      Algunas integraciones muestran dos grupos de tools dentro del **AI Agent**. Shopify, por ejemplo, separa las tools nativas de **Jelou Shop** (activas por defecto) de las tools externas de la API de Shopify (desactivadas por defecto). Activa las que correspondan a tu caso de uso.
    </Note>
  </Step>

  <Step title="Define el comportamiento por tool">
    Para cada tool activa, configura qué hace el agente al ejecutarla:

    * **Ninguna:** el agente continúa la conversación normalmente.
    * **Ejecutar end\_function:** el agente finaliza la tarea al completar esa acción.
    * **Pausar interacción:** el agente espera antes de continuar, útil para validaciones o confirmaciones intermedias.
  </Step>
</Steps>

### En el Canvas

**Usa el Canvas** cuando el proceso necesita **pasos ordenados** y cada resultado exige una **ruta distinta** en el flujo.

El caso más claro son los **cobros**: un pago puede terminar en éxito, fallo, error de código o error HTTP, y el flujo debe reaccionar de forma distinta ante cada uno. Las tools de pago exponen esas salidas; el **Canvas** te permite conectar cada una al paso siguiente que corresponde.

<Frame caption="Canvas — nodo de integración del Marketplace con tool seleccionada y cuerpo de la petición (ejemplo en Brain Studio)">
  <img src="https://mintcdn.com/jelouai/51JeT2dxTZ1dFjvi/assets/images/integraciones/como-usar-integraciones-en-brain/canvas-nodo-tool.png?fit=max&auto=format&n=51JeT2dxTZ1dFjvi&q=85&s=912a4e5abb4ab50954cf37b024148536" alt="Brain Studio: nodo de integración del Marketplace en el Canvas con panel Tools, guardar respuesta en memoria y cuerpo JSON" width="1024" height="539" data-path="assets/images/integraciones/como-usar-integraciones-en-brain/canvas-nodo-tool.png" />
</Frame>

<Steps>
  <Step title="Arrastra la integración al Canvas">
    En el panel lateral izquierdo, despliega la sección **Marketplace**. Arrastra la integración que quieres usar al Canvas.
  </Step>

  <Step title="Selecciona la tool">
    En el panel derecho, abre el selector **Tools** y elige la acción que quieres ejecutar.

    Las tools están etiquetadas con su tipo:

    * **Tool nativa** — capacidad construida por Jelou, con salidas específicas del proceso (Pago Exitoso, Pago Fallido, Error Code, Validación exitosa, etc.)
    * **Tool externa** — acción de la API del proveedor, con dos salidas genéricas: Finalizó la tarea y Hubo un error
  </Step>

  <Step title="Configura los inputs">
    * **Tool nativa:** completa los campos del formulario (monto, motivo de pago, ambiente, etc.).
    * **Tool externa:** completa el cuerpo de la petición en JSON. Usa `{{$memory.variable}}` para pasar variables del flujo.
  </Step>

  <Step title="Conecta las salidas">
    Conecta cada salida al paso siguiente según el resultado esperado.

    <Check>
      El nodo muestra el nombre de la tool seleccionada cuando está correctamente configurado. "Nodo sin configurar" indica que falta seleccionar una tool o completar campos requeridos.
    </Check>
  </Step>
</Steps>

## Canvas vs AI Agent

Comparación rápida entre **Canvas** y **AI Agent**:

| Criterio               | Canvas                                                   | AI Agent                             |
| ---------------------- | -------------------------------------------------------- | ------------------------------------ |
| Control sobre el flujo | Total — tú defines cada paso                             | Delegado al agente                   |
| Tipo de proceso        | Pasos fijos con resultados específicos                   | Intenciones variadas del usuario     |
| Manejo de resultados   | Explícito por nodo, con salidas específicas              | Manejado por el agente               |
| Ideal para             | Cobros, verificaciones de identidad, firma de documentos | Asistentes con múltiples capacidades |

<Info>
  Canvas y AI Agent no son excluyentes. Un agente puede derivar a un nodo Canvas para ejecutar una transacción que requiere pasos controlados, y retomar la conversación una vez completada.
</Info>

<Card title="Integraciones" href="/guides/integraciones/integraciones" icon="grid">
  Explora todas las integraciones disponibles organizadas por categoría.
</Card>
