PayPo Component

Add PayPo to an existing Components integration.

This page explains how to add PayPo to your existing Web Components integration.

Requirements

Select the server-side flow that your integration uses:

API reference

Select which endpoint you are using:

Capture the payment

When a payment is made, but not yet authorized, the offer will be available for up to 72 hours. Therefore, the shopper can use the link to the payment for up to 72 hours.

When the payment is accepted by the shopper, its status will change to Authorised. The shopper has 30 days to pay according to the terms of PayPo. This is different to some other payment methods where the payment term usually starts after the capture, not after the authorization.

After the payment is authorized, you also have to capture the payment.

It is only possible to capture the full amount of the authorized payment.
It is possible to configure an automatic capture, which executes immediately after authorization. Configure automatic capture when adding PayPo in your live Customer Area.
The merchant does not have to wait for the shopper to complete their payment to PayPo to be funded for the transaction. After the payment is captured, the merchant is funded the full amount of the payment. This is because the capture is only possible for the full amount.
To perform the capture, send a request to /payments/{paymentPspReference}/captures using the PSP Reference of the original payment:

Component configuration

Step 1: Create a DOM element

Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:

 <div id="paypo-container"></div>

Step 2: Create an instance of the Component

v6.0.0 or later

Create an instance of the Component, passing:

Your instance of AdyenCheckout.

const paypo = new Redirect(checkout, { type: 'paypo' }).mount('#paypo-container');

Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:

const paypoComponent = checkout.create('paypo').mount('#paypo-container');

Test and go live

When you test PayPo in your test environment, use the following values for the required parameters:

firstName: name
lastName: surname
shopperEmail: email@gmail.com

When you are redirected to PayPo and asked for a verification code, use 123456.

Check the status of PayPo test payments in your Customer Area > Transactions > Payments.

Before you can accept live PayPo payments, you need to submit a request for PayPo in your live Customer Area.