On this page, you can find additional configuration for adding Zip to your Components integration.
Before you begin
This page assumes you have already:
Select which endpoint you're integrating:
This is the default with Components v5.0.0 or later.
|shopperName||Shopper's first name and last name.|
|shopperEmail||The shopper's email address.|
|dateOfBirth||The shopper's date of birth.|
|telephoneNumber||The shopper's phone number.|
|billingAddress||The address where to send the invoice.|
|deliveryAddress||The address where the purchased goods should be delivered.|
|lineItems||Price and product information about the purchased items.
You can optionally specify an
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:
Step 2: Create an instance of the Component
create method of your
AdyenCheckout instance, in this case
checkout, to create the Component:
const zipComponent = checkout.create('zip').mount('#zip-container');
We support recurring transactions for Zip. To make recurring payments, you need to:
Create a token
To create a token, include in your /payments request:
- shopperReference: Your unique identifier for the shopper.
When the payment has been settled, you receive a webhook containing:
pspReferenceof the initial payment.
pspReference: This is the token that you need to make recurring payments for this shopper.
Make sure that your server is able to receive RECURRING_CONTRACT as part of your standard webhooks. You can enable the RECURRING_CONTRACT event code in the webhook settings page.
Make a payment with a token
To make a payment with the token, include in your /payments request:
pspReferencefrom the RECURRING_CONTRACT.
You can also get this value by using the /listRecurringDetails endpoint.
shopperReference: The unique shopper identifier that you specified when creating the token.
recurringProcessingModel: Subscription or UnscheduledCardOnFile.
For more information about the
recurringProcessingModel fields, refer to Recurring transaction types.
Test and go live
Create Zip test accounts using the credentials on Zip's test credentials page. You can then use your test account to make a payment in the test environment.
Check the status of Zip test payments in your Customer Area > Transactions > Payments.
Before you can accept live Zip payments, you need to submit a request for Zip in your live Customer Area.