On this page, you can find additional configuration for adding PayPay to your Components integration.
Before you begin
This page assumes you have already:
- Built a Components integration.
- Contacted our Support Team to add PayPay to your Customer Area.
You cannot accept live payments until PayPay is in your Customer Area.
API reference
You don't need to send additional fields for PayPay. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:
- /sessions: This is the default with Components v5.0.0 or later.
- /payments: If you implemented an additional use case.
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="paypay-container"></div>
Step 2: Create an instance of the Component
Use the create
method of your AdyenCheckout
instance, in this case checkout
, to create the Component:
const paypayComponent = checkout.create('paypay').mount('#paypay-container');
Test and go live
To test PayPay payments:
- Download the PayPay app for iOS or Android.
- Sign up for a PayPay developer account and create a test user.
- Switch the PayPay app to the sandbox app, and log in with the credentials of the test user.
You can check the status of PayPay test account transactions in your Customer Area at Transactions > Payments.