Create Your Own Payment Form

This guide will guide you through the integration of a native payment experience in your mobile shop. First, you build a payment form for your app. We will show you which form components are needed for credit and direct debit details. Then, you'll collect these parameters, process the payment, and get a callback when it's done! Building a Payment Form To accept credit cards, you will need to collect this data from the user:

Credit card holder

The owner of the credit card with his/her full name

Credit card number

16-digit number of the card

Expiry date

In the form MM/YYYY

CVV code

The 3-/4-digit security code (usually found on the back of VISA and Mastercard cards / on the front of AMEX cards, see here)

To accept direct debit ("Lastschrift"), you will need to collect:

Bank account holder

The owner of the associated bank account with his/her full name

Bank account number

Variable-digit number depending on the country

Bank code

Variable-digit code depending on the country, identifying the bank and, sometimes, the branch

Country

The country where the bank account is located in. Taken as 2-digit country code by the framework

SEPA requires the following inputs:

IBAN

The account's IBAN, which can have up to 31 characters.

BIC

The account's BIC, either 8 or 11 characters. In most countries, since February 2014, the BIC is needed only for cross-border transactions. Here you can look up the country specifics.

Bank account holder

The holder might be necessary for risk checks. Contact us to clarify if you need this.

To accept the Maestro debit card, you will need to collect:

Card holder

The owner of the debit card with his/her full name

Card number

Number of the card

Expiry date

In the form MM/YYYY

CVV code

The 3-digit security code, usually found on the back of the card

The following tutorial will assume you built the form, collected the input from the user and stored the data in variables. Below you can see an example for a credit card form: