Render individual payment methods anywhere in your app.Supported payment methods#
Cards, Apple pay, Google pay.
Features#
Low development time to integrate each payment method component
UI styling customization for each payment method
Flexibility to add payment method components with configuration for each
3D Secure 2 support using the 3D Secure 2 Component
Components are our pre-built UI solution for accepting payments in your app. Each Component renders a payment method you can render anywhere in your app
Requirements#
Get an overview of the steps needed to accept live payments.#
Before you begin to integrate, make sure you have followed the Get started with Plexy guide to:3.
Set up webhooks to know the payment outcome
Required versions#
Add Components to your app#
1.
Add the return URL handler to your AppDelegate.swift file:
2.
In your app, add a custom URL scheme that matches the returnUrl you use when creating the payment session.
3.
For voucher payment methods, add photo library usage descriptions to the Info.plist file.
4.
For Apple Pay, do the following:Complete the steps to set up Apple Pay with your own certificate.
In your Runner target, add Apple Pay as a capability.
In your Runner target, enter your merchant ID.
2. Create a configuration object#
Create a configuration object with the following properties:| Parameter name | Required | Description |
|---|
environment | | Use test. When you are ready to accept live payments, change the value to one of our live environments. |
clientKey | | A public key linked to your API credential, used for client-side authentication. |
countryCode | | The shopper's country/region. This is used to filter the list of available payment methods to your shopper. |
shopperLocale | | By default, this is set to kk-KZ. To change the language, set this to the shopper's language and country code. If you included shopperLocale in your /sessions request, Drop-in uses that one. |
amount | | The currency and value of the payment, in minor units. This is used to filter the list of available payment methods to your shopper |
Most payment methods use the InstantComponent that takes the InstantComponentConfiguration, so they do not have specific configuration.The following example shows the configuration object for cards: