On this page, you can find additional configuration for adding PayPo to your Components integration.
Before you begin
This page assumes you have already:
- Built a Components integration.
- Added PayPo in your test Customer Area.
API reference
Select which endpoint you're integrating:
This is the default with Components v5.0.0 or later.
Parameter name Required Description shopperEmail The shopper's email address. shopperName The shopper's firstName
andlastName
.billingAddress The shopper's billing address. deliveryAddress The delivery address for the goods purchased. 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');
v5.61.0 or earlier
Use the
create
method of yourAdyenCheckout
instance, in this casecheckout
, to create the Component:const paypoComponent = checkout.create('paypo').mount('#paypo-container');
Test and go live
When you test PayPo in you test environment, use the following values for the required parameters:
firstName
: name
lastName
: surname
shopperEmail
: email@gmail.comWhen 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.
See also
- Your instance of