# PayPal

Puedes empezar a aceptar pagos con PayPal en la Web usando la [Página de pago alojada](https://docs.monei.com/es/es/integrations/use-prebuilt-payment-page/.md) o el [Componente PayPal](https://docs.monei.com/es/es/monei-js/reference/.md#componente-paypal). No se necesita ninguna configuración adicional para usar PayPal en la Página de pago alojada.

Nuestro [Componente PayPal](https://docs.monei.com/es/es/monei-js/reference/.md#componente-paypal) renderiza el botón de PayPal en tu página de pago. Cuando un cliente selecciona PayPal, el componente muestra una superposición de PayPal donde el cliente puede iniciar sesión con sus credenciales de PayPal para completar el proceso de pago.

## Antes de empezar[​](#antes-de-empezar "Enlace directo al Antes de empezar")

Esta página explica cómo añadir PayPal a tu página de pago personalizada. Si no necesitas una experiencia de checkout personalizada, te recomendamos usar nuestra [página de pago alojada](https://docs.monei.com/es/es/integrations/use-prebuilt-payment-page/.md). Ya admite todos los métodos de pago disponibles y no requiere programación.

Para aceptar pagos con PayPal necesitas conectar tu [cuenta de empresa de PayPal](https://www.paypal.com/business). Para conectar tu cuenta de empresa de PayPal ve a [MONEI Dashboard → Ajustes → Métodos de pago](https://dashboard.monei.com/settings/payment-methods).

Para probar tu integración:

* Usa tu Account ID y clave de API del [modo de prueba](https://docs.monei.com/es/es/testing/.md).
* Conecta una [cuenta de empresa de PayPal](https://docs.monei.com/es/es/testing/.md#cuentas-de-prueba-de-paypal) de prueba en tu [MONEI Dashboard](https://dashboard.monei.com/settings/payment-methods) (en modo de prueba).
* Usa la [cuenta personal de PayPal](https://docs.monei.com/es/es/testing/.md#cuentas-de-prueba-de-paypal) de prueba para los pagos.
* Puedes comprobar el estado de un pago de prueba en tu [MONEI Dashboard → Pagos](https://dashboard.monei.com/payments) (en modo de prueba).

## Checkout Exprés[​](#checkout-exprés "Enlace directo al Checkout Exprés")

Usa el checkout exprés para recopilar las direcciones de envío directamente en el flujo de pago de PayPal. Consulta la [guía de Checkout Exprés](https://docs.monei.com/es/es/integrations/express-checkout/.md) para ver la configuración y los ejemplos.

## Integración[​](#integración "Enlace directo al Integración")

### 1. Crear un pago `Servidor`[​](#1-crear-un-pago-servidor "Enlace directo al 1-crear-un-pago-servidor")

Crea un [Pago](https://docs.monei.com/es/es/apis/rest/schemas/payment/.md) en tu servidor con un importe y una moneda. Decide siempre cuánto cobrar en el lado del servidor, un entorno de confianza, y no en el cliente. Esto evita que clientes malintencionados puedan elegir sus propios precios.

<!-- -->

* cURL
* Node.js
* PHP
* Python

POST https\://api.monei.com/v1/payments

```
curl --request POST 'https://api.monei.com/v1/payments' \

--header 'Authorization: YOUR_API_KEY' \

--header 'Content-Type: application/json' \

--data-raw '{

  "amount": 110,

  "currency": "EUR",

  "orderId": "14379133960355",

  "description": "Test Shop - #14379133960355",

  "customer": {

    "email": "email@example.com"

   },

  "callbackUrl": "https://example.com/checkout/callback"

}'
```

(Sustituye `YOUR_API_KEY` por tu clave de API de MONEI real)

server.js

```
import {Monei} from '@monei-js/node-sdk';



// Replace YOUR_API_KEY with your actual MONEI API key

const monei = new Monei('YOUR_API_KEY');



const payment = await monei.payments.create({

  amount: 110,

  currency: 'EUR',

  orderId: '14379133960355',

  description: 'Test Shop - #14379133960355',

  customer: {

    email: 'email@example.com'

  },

  callbackUrl: 'https://example.com/checkout/callback'

});



// Pass payment.id to your client-side

const paymentId = payment.id;
```

server.php

```
<?php

require_once 'vendor/autoload.php';



use Monei\Model\CreatePaymentRequest;

use Monei\Model\PaymentCustomer;

use Monei\MoneiClient;



// Replace YOUR_API_KEY with your actual MONEI API key

$monei = new MoneiClient('YOUR_API_KEY');



$payment = $monei->payments->create(

  new CreatePaymentRequest([

    'amount' => 110,

    'currency' => 'EUR',

    'order_id' => '14379133960355',

    'description' => 'Test Shop - #14379133960355',

    'customer' => new PaymentCustomer([

      'email' => 'email@example.com'

    ]),

    'callback_url' => 'https://example.com/checkout/callback'

  ])

);



// Pass payment ID to your client-side

$paymentId = $payment->getId();

?>
```

server.py

```
import Monei

from Monei import CreatePaymentRequest, PaymentCustomer



# Replace YOUR_API_KEY with your actual MONEI API key

monei = Monei.MoneiClient(api_key="YOUR_API_KEY")



payment = monei.payments.create(

    CreatePaymentRequest(

        amount=110,

        currency="EUR",

        order_id="14379133960355",

        description="Test Shop - #14379133960355",

        customer=PaymentCustomer(

          email="email@example.com"

        ),

        callback_url="https://example.com/checkout/callback"

    )

)



# Pass payment ID to your client-side

payment_id = payment.id
```

Los siguientes parámetros son obligatorios:

* **amount** entero positivo - Importe que se pretende cobrar con este pago. Un entero positivo que representa cuánto cobrar en la unidad de moneda más pequeña (p. ej., 100 céntimos para cobrar 1,00 USD)
* **currency** cadena - Código de moneda [ISO](https://en.wikipedia.org/wiki/ISO_4217) de tres letras, en mayúsculas. Debe ser una moneda compatible.
* **orderId** cadena - Un ID de pedido de tu sistema. Un identificador único que puede usarse para conciliar el pago con tu sistema interno.
* **callbackUrl** cadena - La URL a la que se enviará de forma asíncrona el resultado del pago.

Consulta todos los [parámetros de solicitud](https://docs.monei.com/es/es/apis/rest/payments-create/.md) disponibles.

El objeto Pago devuelto incluye un `id` de pago, que se usa en el lado del cliente para completar de forma segura el proceso de pago en lugar de pasar el objeto Pago completo.

### 2. Añadir PayPal a tu página de pago `Cliente`[​](#2-añadir-paypal-a-tu-página-de-pago-cliente "Enlace directo al 2-añadir-paypal-a-tu-página-de-pago-cliente")

Incluye `monei.js` en tu página de checkout añadiendo la etiqueta script al `head` de tu archivo HTML.

checkout.html

```
<head>

  <title>Checkout</title>

  <script src="https://js.monei.com/v3/monei.js"></script>

</head>
```

Añade el [Componente PayPal](https://docs.monei.com/es/es/monei-js/reference/.md#componente-paypal) de MONEI a tu página de pago. Crea un nodo DOM vacío (contenedor) con un ID único en tu formulario de pago.

checkout.html

```
<div id="paypal_container">

  <!-- A MONEI PayPal Component will be inserted here. -->

</div>
```

Inicializar el Componente PayPal

client.js

```
// Create an instance of the PayPal component.

const payPal = monei.PayPal({

  paymentId: '{{payment_id}}',

  onSubmit(result) {

    moneiTokenHandler(result.token);

  },

  onError(error) {

    console.log(error);

  }

});



// Render an instance of the PayPal component into the `paypal_container` <div>.

payPal.render('#paypal_container');
```

nota

El Componente PayPal también está disponible como componente de [React](https://docs.monei.com/es/es/monei-js/react/.md), [Vue](https://docs.monei.com/es/es/monei-js/vue/.md), [Angular](https://docs.monei.com/es/es/monei-js/angular/.md) y [Svelte](https://docs.monei.com/es/es/monei-js/svelte/.md).

Consulta la [Referencia de MONEI JS](https://docs.monei.com/es/es/monei-js/reference/.md#componente-paypal) para ver más opciones.

### 3. Confirmar el pago `Cliente`[​](#3-confirmar-el-pago-cliente "Enlace directo al 3-confirmar-el-pago-cliente")

Para completar el pago necesitas confirmarlo usando la función [confirmPayment](https://docs.monei.com/es/es/monei-js/reference/.md#funci%C3%B3n-confirmpayment) de monei.js.

Debes proporcionar un `paymentId` (obtenido en el [paso 1](#1-crear-un-pago-servidor)) y el `paymentToken` generado con el Componente PayPal. También puedes proporcionar parámetros adicionales como `customer.email`. Consulta todos los [parámetros](https://docs.monei.com/es/es/apis/rest/payments-confirm/.md) disponibles.

client.js

```
// Confirm the payment

async function moneiTokenHandler(token) {

  try {

    const result = await monei.confirmPayment({

      paymentId: '{{payment_id}}',

      paymentToken: token

    });

    // At this moment you can show a customer the payment result

    // But you should always rely on the result passed to the callback endpoint

    // on your server to update the order status

    console.log(result);

  } catch (error) {

    console.error(error);

  }

}
```

nota

Como proceso alternativo, puedes enviar el `paymentToken` generado a tu servidor y luego [confirmar el pago](https://docs.monei.com/es/es/apis/rest/payments-confirm/.md) en el lado del servidor.

### 4. Procesar la notificación webhook `Servidor`[​](#4-procesar-la-notificación-webhook-servidor "Enlace directo al 4-procesar-la-notificación-webhook-servidor")

Tras la interacción en el lado del cliente y cualquier procesamiento en segundo plano necesario, MONEI envía el estado de pago final y autoritativo mediante una solicitud HTTP POST asíncrona a la `callbackUrl` que proporcionaste en el Paso 1.

El cuerpo de la solicitud contiene el objeto [Pago](https://docs.monei.com/es/es/apis/rest/schemas/payment/.md) completo en formato JSON.

Este webhook es la **única forma fiable** de confirmar el resultado definitivo del pago.

**Es imprescindible que:**

1. **Verifiques el encabezado `MONEI-Signature`** incluido en la solicitud. Esto confirma que el webhook proviene genuinamente de MONEI. Consulta la [guía de verificación de firmas](https://docs.monei.com/es/es/guides/verify-signature/.md) para los detalles de implementación.
2. **Devuelvas un código de estado HTTP `200 OK`** inmediatamente al recibir el webhook para confirmar la recepción. Cualquier otro código de estado indica a MONEI que la notificación ha fallado.

Si MONEI no recibe un `200 OK`, reintentará el envío del webhook.

Una vez verificada la firma, inspecciona el campo `status` del objeto Pago (`SUCCEEDED`, `FAILED`, `CANCELED`, etc.) para determinar si debes completar el pedido o gestionar el error.

## Antes de pasar a producción[​](#antes-de-pasar-a-producción "Enlace directo al Antes de pasar a producción")

* Asegúrate de que estás usando el Account ID y la clave de API del [modo de producción (live)](https://docs.monei.com/es/es/testing/.md).
* Asegúrate de que has conectado tu cuenta de empresa de PayPal en el [MONEI Dashboard](https://dashboard.monei.com/settings/payment-methods).