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

# WooCommerce

> Conecta tu tienda de WooCommerce con Jelou.

## Conecta tu tienda

Conectar WooCommerce es un proceso simple con OAuth: solo necesitas el **dominio de tu tienda**. Jelou crea las credenciales por ti cuando autorizas la conexión desde WooCommerce.

<Tip>
  Al conectar WooCommerce, el MCP de **Jelou Shop** se incluye automáticamente.
</Tip>

## Dónde iniciar la conexión

Puedes iniciar la integración desde dos lugares. En ambos casos el flujo de autorización es el mismo.

### Desde el Jelou Agent

Configura la conexión directamente en el Jelou Agent en Brain Studio.

<Frame>
  <img src="https://mintcdn.com/jelouai/KOwXIFtC3S31gizv/assets/images/marketplace/e-commerce/woocommerce-setup-agent.png?fit=max&auto=format&n=KOwXIFtC3S31gizv&q=85&s=e3c48d3da71d6cbb7cbaf03575fa60fb" alt="Integrar WooCommerce desde el Jelou Agent en Brain Studio" width="1114" height="646" data-path="assets/images/marketplace/e-commerce/woocommerce-setup-agent.png" />
</Frame>

### Desde el Marketplace

Activa la integración desde el Marketplace de Jelou.

<Frame>
  <img src="https://mintcdn.com/jelouai/KOhq3oKHKW_8vZ0w/assets/images/marketplace/e-commerce/woocommerce-setup-marketplace.png?fit=max&auto=format&n=KOhq3oKHKW_8vZ0w&q=85&s=862d9d44ee49743d6263c0a81e2dcd06" alt="Integrar WooCommerce desde el Marketplace" width="1160" height="599" data-path="assets/images/marketplace/e-commerce/woocommerce-setup-marketplace.png" />
</Frame>

## Autoriza la conexión

<Steps>
  <Step title="Ingresa el dominio de tu tienda">
    En el campo **URL Tienda**, escribe el dominio de tu tienda (ej. `https://mi-tienda.com`) y haz clic en **Instalar**.

    <Frame>
      <img src="https://mintcdn.com/jelouai/KOwXIFtC3S31gizv/assets/images/marketplace/e-commerce/woocommerce-oauth-domain.png?fit=max&auto=format&n=KOwXIFtC3S31gizv&q=85&s=101e001981524351810b19682d70f368" alt="Modal de credenciales API con el campo URL Tienda" width="1299" height="698" data-path="assets/images/marketplace/e-commerce/woocommerce-oauth-domain.png" />
    </Frame>
  </Step>

  <Step title="Inicia sesión en WooCommerce">
    Serás redirigido a tu tienda. Inicia sesión con tu usuario y contraseña de WordPress para autorizar a Jelou.

    <Frame>
      <img src="https://mintcdn.com/jelouai/KOwXIFtC3S31gizv/assets/images/marketplace/e-commerce/woocommerce-oauth-login.png?fit=max&auto=format&n=KOwXIFtC3S31gizv&q=85&s=21b0949c6dbbc63ff56e062f24e12777" alt="Pantalla de inicio de sesión de WooCommerce para conectar con Jelou" width="1306" height="695" data-path="assets/images/marketplace/e-commerce/woocommerce-oauth-login.png" />
    </Frame>
  </Step>

  <Step title="Aprueba el acceso">
    WooCommerce mostrará los permisos de **Lectura/Escritura** que Jelou necesita (crear webhooks; ver y gestionar cupones, clientes, pedidos e informes de ventas, y productos). Haz clic en **Aprobar**.

    <Frame>
      <img src="https://mintcdn.com/jelouai/KOwXIFtC3S31gizv/assets/images/marketplace/e-commerce/woocommerce-oauth-approve.png?fit=max&auto=format&n=KOwXIFtC3S31gizv&q=85&s=52a67cbdf49869c79c05dd5d3554f495" alt="Pantalla de aprobación de permisos de Lectura/Escritura para Jelou" width="1281" height="697" data-path="assets/images/marketplace/e-commerce/woocommerce-oauth-approve.png" />
    </Frame>
  </Step>

  <Step title="Conexión exitosa">
    Volverás a Jelou con la confirmación de que tu tienda se conectó correctamente. Ya puedes empezar a sincronizar productos y pedidos.

    <Frame>
      <img src="https://mintcdn.com/jelouai/KOwXIFtC3S31gizv/assets/images/marketplace/e-commerce/woocommerce-oauth-success.png?fit=max&auto=format&n=KOwXIFtC3S31gizv&q=85&s=ffdd3614071da89901427212d383d22e" alt="Pantalla de conexión exitosa entre WooCommerce y Jelou" width="1302" height="692" data-path="assets/images/marketplace/e-commerce/woocommerce-oauth-success.png" />
    </Frame>
  </Step>
</Steps>

## Checkout nativo en tu tienda

Si prefieres que el pago se complete en tu propia tienda de WooCommerce en lugar del flujo de pago de Jelou, activa `use_external_checkout: true` al ejecutar la herramienta `get_and_clear_cart`. Jelou crea el pedido a través de la API de WooCommerce y devuelve en `checkout_url` el enlace al checkout de tu tienda para que el usuario complete el pago.

<Frame>
  <img src="https://mintcdn.com/jelouai/hBKJUHL4aHZZv5xR/assets/images/marketplace/e-commerce/external-woocommerce.jpeg?fit=max&auto=format&n=hBKJUHL4aHZZv5xR&q=85&s=93cc12253c96328e221d2de5ce302cbf" alt="Checkout nativo de WooCommerce abierto desde el enlace generado por Jelou" style={{ maxWidth: "250px", width: "100%", margin: "0 auto", display: "block" }} width="859" height="1600" data-path="assets/images/marketplace/e-commerce/external-woocommerce.jpeg" />
</Frame>

<Accordion title="Ver ejemplo de respuesta">
  ```json theme={null}
  {
    "success": true,
    "data": {
      "items": [
        { "product_name": "Camiseta celeste", "sku": "vj6ybab6e1", "quantity": 2, "price": "25.00", "discount_value": 50, "tax_rate": 0 }
      ],
      "total": 50,
      "subTotal": 50,
      "tax": 0,
      "tax_value": 0,
      "cart_id": 12345,
      "checkout_url": "https://mi-tienda.com/checkout/order-pay/42?key=wc_abc"
    }
  }
  ```
</Accordion>

## Siguiente paso

Una vez conectada tu tienda, elige cómo quieres que tus clientes interactúen con los productos:

<CardGroup cols={2}>
  <Card title="Interacción por WebView" icon="window" href="/guides/integraciones/e-commerce/webview">
    Envía catálogos y carritos como webviews interactivas dentro de WhatsApp
  </Card>

  <Card title="Interacción conversacional" icon="comments" href="/guides/integraciones/e-commerce/conversacional">
    El agente de IA describe productos y gestiona el carrito directamente en la conversación
  </Card>
</CardGroup>