> ## 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.

# Configurar tu cuenta en Stripe

> Obtén tu Secret API Key y configura los webhooks necesarios en Stripe Dashboard antes de conectar con Brain Studio.

Esta guía cubre las dos tareas que debes completar **en Stripe Dashboard** antes de conectar con Brain Studio:

1. **Obtener tu Secret API Key** (Test o Live) para instalar Stripe en Marketplace.
2. **Configurar webhooks** para que Jelou reciba los eventos de pago y tu flujo funcione correctamente.

<Check>
  Al finalizar esta guía tendrás credenciales y webhooks listos para conectar Stripe en Brain Studio.
</Check>

***

## Antes de comenzar

<Info>
  Necesitas una **cuenta activa en Stripe**, acceso al **panel de Stripe** y permisos para ver/crear **Claves de API** y **Webhooks**.
  No es necesario tener conocimientos técnicos avanzados.
</Info>

***

## Entornos en Stripe (Test vs Live)

Stripe separa los entornos por **tipo de clave**:

* **Test (`sk_test_...`)**: para pruebas sin transacciones reales.
* **Live (`sk_live_...`)**: para cobros reales en producción.

<Warning>
  Brain Studio se conecta a Stripe usando la clave que ingreses.
  Si instalas con una clave **Test**, tu integración queda en **modo pruebas**.
  Si instalas con una clave **Live**, queda lista para **producción**.
</Warning>

***

## Parte 1 — Obtener tu Secret API Key

<Steps>
  <Step title="Ingresar al panel de Stripe">
    Inicia sesión en la cuenta Stripe del comercio.

    <Frame caption="Dashboard de Stripe (cuenta del comercio)">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-dashboard.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=604fd058d50b0e925635d9acf98a0abc" alt="Dashboard principal de Stripe" width="2048" height="954" data-path="assets/images/integraciones/pagos/stripe-dashboard.png" />
    </Frame>
  </Step>

  <Step title="Ir a Desarrolladores → Claves de API">
    Hay dos formas de llegar a **Claves de API**:

    * Vía configuración (ícono arriba a la derecha → Desarrolladores → Gestionar claves API)
    * En el menú lateral izquierdo, busca la sección **Desarrolladores** y haz clic en **Claves de API**.

    <Frame caption="Acceso directo a Desarrolladores en el menú lateral">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-menu-desarrolladores.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=b3ca65399a3b0bd0d86373ef5e4ef226" alt="Menú lateral con acceso directo a Desarrolladores y Claves de API" style={{ maxWidth: '200px', margin: '0 auto' }} width="422" height="844" data-path="assets/images/integraciones/pagos/stripe-menu-desarrolladores.png" />
    </Frame>
  </Step>

  <Step title="Elegir el entorno (Test o Live)">
    Stripe puede mostrar el modo de prueba de dos formas (según tu cuenta):

    * Un acceso tipo **“Modo de prueba”** / **“Cambiar a un entorno de prueba”** desde el selector de cuenta.
    * Una **barra superior** indicando que estás usando datos de prueba.

    <Frame caption=" Pasar a 'Modo prueba'">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-toggle-modo-prueba.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=8327d31f16dcb52e7c7522fd91c8832c" alt="Selector de cuenta con opción para cambiar a entorno de prueba" style={{ maxWidth: '300px', margin: '0 auto' }} width="1060" height="712" data-path="assets/images/integraciones/pagos/stripe-toggle-modo-prueba.png" />
    </Frame>

    <Info>
      Si tu cuenta está en **modo Live**, es normal que en Claves de API veas claves con `live`.
      Para obtener claves **Test**, debes entrar a **Modo de prueba** y volver a esta misma pantalla.
    </Info>

    <Frame caption="Salir del 'Modo prueba'">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-salir-modo-prueba.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=a7ff3705bf51671a6b46a5f8452ed0eb" alt="Opción para salir del modo de prueba en Stripe" style={{ maxWidth: '200px', margin: '0 auto' }} width="512" height="556" data-path="assets/images/integraciones/pagos/stripe-salir-modo-prueba.png" />
    </Frame>
  </Step>

  <Step title="Crear (o copiar) tu Secret API Key">
    En **Claves de API**, verás dos tipos de claves:

    * **Publishable key (`pk_...`)** → NO sirve para instalar Stripe en Brain Studio
    * **Secret key (`sk_...`)** → SÍ es la que necesitas

    <Warning>
      En Brain Studio debes usar siempre una **Secret API Key** (`sk_test_...` o `sk_live_...`).
      No uses la Publishable Key (`pk_...`).
    </Warning>

    Si ya tienes una **Secret key** lista para usar, puedes copiarla.
    Si necesitas crear una nueva, haz clic en **Crear clave secreta**.

    <Frame caption="Sección 'Claves Standard' con botón 'Crear clave secreta'">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-crear-clave-secreta.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=82ac88a6398bf6813dd80b3b479bad8a" alt="Sección de claves standard y botón crear clave secreta" style={{ maxWidth: '500px', margin: '0 auto' }} width="2048" height="401" data-path="assets/images/integraciones/pagos/stripe-crear-clave-secreta.png" />
    </Frame>
  </Step>

  <Step title="Elegir el tipo de clave (recomendado: Standard)">
    Al crear una clave, Stripe suele mostrar opciones como:

    * **Cómo crear tu integración** (clave standard / acceso completo)
    * **Proporciono esta clave a otro sitio web** (Stripe sugiere clave restringida)

    Para Marketplace (BYOK) y para evitar fricción, **recomendamos usar una clave standard**.

    <Frame caption="Opciones creación clave secreta">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-modal-crear-clave.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=b64a54463942a5bdfea3f6e16358bef5" alt="Modal de Stripe para crear una clave secreta con opciones" style={{ maxWidth: '300px', margin: '0 auto' }} width="998" height="1260" data-path="assets/images/integraciones/pagos/stripe-modal-crear-clave.png" />
    </Frame>

    <Info>
      Stripe puede recomendar claves restringidas para compartir con terceros.
      En Jelou, la clave se guarda de forma segura a nivel de plataforma (no se expone al usuario final).
      Si necesitas control adicional, revisa la sección **Claves restringidas (opcional)** al final de esta guía.
    </Info>

    <Check>
      Si la clave que copiaste comienza con `sk_test_` o `sk_live_`, ya tienes lo necesario para instalar Stripe.
    </Check>

    <Frame caption="Entrega de clave secreta">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-clave-creada-confirmacion.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=e0d43cc5e3dce0649f11caf74808c780" alt="Confirmación de clave secreta creada en Stripe" style={{ maxWidth: '300px', margin: '0 auto' }} width="834" height="854" data-path="assets/images/integraciones/pagos/stripe-clave-creada-confirmacion.png" />
    </Frame>
  </Step>

  <Step title="Usar la Secret API Key en Brain Studio">
    Durante la instalación desde **Marketplace**, Brain Studio te pedirá una única credencial: **API Key**.

    Pega tu Secret API Key (`sk_test_...` o `sk_live_...`) y confirma.

    <Frame caption="Modal de instalación en Brain Studio solicitando 'API Key' para Stripe">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-brain-studio-modal-credenciales.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=e7957eb3f53a1939ff114144bb365567" alt="Modal de Brain Studio solicitando API Key para instalar Stripe" style={{ maxWidth: '480px', margin: '0 auto' }} width="1910" height="684" data-path="assets/images/integraciones/pagos/stripe-brain-studio-modal-credenciales.png" />
    </Frame>

    Una vez configurado:

    * Los cobros se procesan **directamente** en la cuenta Stripe del comercio.
    * Jelou **no custodia fondos**.
    * El resultado del pago vuelve al flujo para continuar según el estado real.
  </Step>
</Steps>

***

## Test vs Live en Brain Studio

* Si instalas con `sk_test_...`, operas en **modo pruebas**.
* Si instalas con `sk_live_...`, operas en **producción**.

<Warning>
  Para cambiar de **Test → Live** (o viceversa), por ahora debes:
  **desinstalar Stripe** en Marketplace y **volver a instalar** con la nueva clave.
</Warning>

***

## Claves restringidas (opcional)

Stripe permite crear **Restricted Keys** (suelen verse como `rk_...`) con permisos específicos.

Puedes usar una clave restringida si tu organización requiere mayor control, pero debes asegurarte de habilitar los permisos necesarios para que Stripe funcione correctamente en Brain Studio.

<Tip>
  Si quieres profundizar, revisa la documentación oficial de Stripe sobre API keys:
  [https://docs.stripe.com/keys](https://docs.stripe.com/keys)
</Tip>

***

## Resolución de problemas

<AccordionGroup>
  <Accordion title="No encuentro el 'Modo de prueba' o 'Ver datos de prueba'">
    En algunas cuentas de Stripe el acceso a Test aparece en el **selector de cuenta** (arriba a la izquierda) como:

    * **Cambiar a un entorno de prueba**
    * **Modo de prueba**
    * **Administrar entornos de prueba**

    Si ya estás en modo prueba, suele aparecer una **barra superior** indicando que estás usando datos de prueba.
  </Accordion>

  <Accordion title="Copié una clave que comienza con `pk_` y Brain Studio no la acepta">
    Estás usando una **Publishable key** (`pk_...`).

    Vuelve a **Desarrolladores → Claves de API** y copia una **Secret key** (`sk_...`).
  </Accordion>

  <Accordion title="Creé una clave y no la puedo volver a ver completa">
    Stripe muestra la clave completa **solo una vez** al momento de crearla.

    Si no la guardaste:

    * crea una nueva clave
    * guárdala en un lugar seguro (password manager / secret vault)

    <Info>
      Esto es comportamiento normal de Stripe para proteger claves secretas.
    </Info>
  </Accordion>
</AccordionGroup>

***

## Buenas prácticas

<AccordionGroup>
  <Accordion title="Seguridad de tu Secret API Key">
    * No compartas tu `sk_...` por chat o correo.
    * Guárdala en un gestor de contraseñas o bóveda de secretos.
    * Si sospechas exposición, rótala desde el panel de Stripe y reinstala Stripe en Brain Studio con la nueva clave.
  </Accordion>

  <Accordion title="Uso por entorno">
    * Usa `sk_test_...` para pruebas internas y QA.
    * Antes de salir a producción, instala con `sk_live_...` y valida un pago real end-to-end.
  </Accordion>
</AccordionGroup>

***

***

## Parte 2 — Configurar webhooks en Stripe (obligatorio)

Jelou necesita que Stripe **envíe eventos de pago** a la plataforma para alinear el resultado del cobro con tu flujo en Brain Studio. Eso se configura **en Stripe Dashboard**: creas un endpoint de webhook y eliges los eventos indicados más abajo.

<Warning>
  Sin webhooks correctos, el pago puede completarse en Stripe y, aun así, el flujo en Brain Studio puede quedar **inconsistente** (por ejemplo, pendiente o sin avanzar a la salida esperada del nodo).
</Warning>

<Info>
  Stripe distingue **modo prueba (Test)** y **modo producción (Live)**. Configura **un webhook en cada modo** si vas a usar ambos. La **Secret API Key** que instalarás en Marketplace (`sk_test_...` o `sk_live_...`) debe corresponder al mismo modo que el webhook que estés configurando en el panel.
</Info>

### Abrir Developers, Workbench y Webhooks

<Steps>
  <Step title="Abrir Developers">
    En **Stripe Dashboard**, localiza la sección **Developers** (en algunas cuentas aparece en la barra inferior).
  </Step>

  <Step title="Abrir Workbench">
    Abre el **Workbench** desde el acceso que ofrece Stripe (por ejemplo, el icono de flecha hacia arriba en la barra de desarrolladores).
  </Step>

  <Step title="Ir a la pestaña Webhooks">
    Dentro del Workbench, selecciona la pestaña **Webhooks** y crea un **nuevo destino** o **nuevo endpoint** (el nombre exacto puede variar según la versión del panel).
  </Step>
</Steps>

<Frame caption="Workbench de Stripe: acceso a la pestaña Webhooks">
  <img src="https://mintcdn.com/jelouai/n3bukj6jLe8mOQaO/assets/images/integraciones/pagos/stripe-webhook-workbench.png?fit=max&auto=format&n=n3bukj6jLe8mOQaO&q=85&s=1cfd402a788ee00c2640c7963e8a3bb5" alt="Stripe Dashboard: Workbench con la pestaña Webhooks visible" width="1024" height="471" data-path="assets/images/integraciones/pagos/stripe-webhook-workbench.png" />
</Frame>

### Elegir eventos y tipo de destino

<Steps>
  <Step title="Seleccionar eventos">
    Cuando el asistente te pida qué eventos notificar, busca `payment_intent` y marca **solo** estos tres:

    * `payment_intent.succeeded`
    * `payment_intent.requires_action`
    * `payment_intent.payment_failed`
  </Step>

  <Step title="Origen de los eventos">
    Si Stripe pregunta el origen, elige **Tu cuenta**.
  </Step>

  <Step title="Tipo de destino">
    Elige **Webhook endpoint** (URL HTTPS), no otros conectores como EventBridge.
  </Step>
</Steps>

<Frame caption="Eventos payment_intent seleccionados en el asistente de Stripe">
  <img src="https://mintcdn.com/jelouai/n3bukj6jLe8mOQaO/assets/images/integraciones/pagos/stripe-webhook-events.png?fit=max&auto=format&n=n3bukj6jLe8mOQaO&q=85&s=9f9c4cfc01584290e6038faadd28257b" alt="Lista de eventos de Stripe con payment_intent.succeeded, requires_action y payment_failed marcados" width="1024" height="475" data-path="assets/images/integraciones/pagos/stripe-webhook-events.png" />
</Frame>

### URL del endpoint por entorno

Copia la URL que corresponda al modo activo en el Dashboard (barra o indicador de **modo prueba** / **live**).

<Tabs>
  <Tab title="Modo prueba (Test)">
    ```text theme={null}
    https://chat-payments.jelou.dev/link-webhook?provider=STRIPE
    ```
  </Tab>

  <Tab title="Modo producción (Live)">
    ```text theme={null}
    https://chat-payments.jelou.ai/link-webhook?provider=STRIPE
    ```
  </Tab>
</Tabs>

<Steps>
  <Step title="Pegar la URL y guardar">
    En el campo de URL del endpoint, pega la dirección del tab anterior según el modo en que estés trabajando. Revisa el resumen: deben figurar los **tres eventos** y el tipo **webhook**. **Crea** o **guarda** el destino.
  </Step>

  <Step title="Repetir en el otro modo (si aplica)">
    Si usas Test y Live, vuelve a crear el endpoint en el otro modo del Dashboard con la otra URL (`jelou.dev` para prueba, `jelou.ai` para producción).
  </Step>
</Steps>

<Frame caption="URL del webhook de Jelou pegada en el endpoint de Stripe">
  <img src="https://mintcdn.com/jelouai/n3bukj6jLe8mOQaO/assets/images/integraciones/pagos/stripe-webhook-endpoint.png?fit=max&auto=format&n=n3bukj6jLe8mOQaO&q=85&s=f061c89ab243e7a0b5e5290fa05eda53" alt="Formulario de Stripe para crear destino de webhook con la URL de Jelou y nombre del destino" width="1024" height="474" data-path="assets/images/integraciones/pagos/stripe-webhook-endpoint.png" />
</Frame>

### Verificar el endpoint en Stripe

Antes de continuar, confirma en el panel que el destino quedó correctamente registrado:

<Steps>
  <Step title="Revisar el listado de destinos">
    En **Stripe → Workbench → Webhooks**, el endpoint recién creado debe aparecer con estado **Activo**.
  </Step>

  <Step title="Confirmar eventos y URL">
    Abre el detalle del destino y verifica que:

    * Escucha exactamente los **tres eventos** (`payment_intent.succeeded`, `payment_intent.requires_action`, `payment_intent.payment_failed`)
    * La URL apunta a la dirección de Jelou correcta para tu entorno (`jelou.dev` para Test, `jelou.ai` para Live)
  </Step>
</Steps>

<Check>
  Si el destino aparece como Activo con los tres eventos y la URL de Jelou, la configuración en Stripe está completa.
</Check>

<Tip>
  Si algo no cuadra, revisa en este orden: que el modo del Dashboard (Test vs Live) coincida con la URL, que los tres eventos estén seleccionados y que la URL no tenga espacios ni caracteres de más.
</Tip>

***

## Próximo paso

<Card title="Conectar en Brain Studio" href="/guides/integraciones/pagos/proveedores/stripe/conectar-en-brain-studio" icon="plug">
  Instala Stripe en Marketplace y conecta tu cuenta usando tu Secret API Key.
</Card>
