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: