# Ways of integration

Saferpay consists of two main interfaces and a set of different additional modules that can be added to each interface depending on the business requriements and desired payment flow.

The main components of the Saferpay JSON API are:

* **Payment Page Interface**
* **Transaction Interface**
* and the additional **Secure Card Data** module

![(click to enlarge)](https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJbIA8fSCwoMDsZw5y-%2F-Me4aEqFgkFN6SczcO4X%2F-Me4aR5crbHEPNNXtbex%2FInterfaces.png?alt=media\&token=1f9c641e-76f0-4e45-b623-735ba2b47fda)

{% hint style="warning" %}
It is important to understand the different intended uses and functionalities of each component to decide which Interface is best suited for your business and desired payment flows.
{% endhint %}

### Supported payment methods per interface

| Payment method                                                                                                                                                                                      |                                                                                                                  Transaction Interface                                                                                                                 | Payment Page |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------: |
| [Visa/V PAY](https://docs.saferpay.com/home/integration-guide/payment-methods/visa-and-vpay)                                                                                                        |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [Mastercard](https://docs.saferpay.com/home/integration-guide/payment-methods/mastercard)                                                                                                           |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [Maestro International](https://docs.saferpay.com/home/integration-guide/payment-methods/maestro)                                                                                                   |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [American Express](https://docs.saferpay.com/home/integration-guide/payment-methods/american-express)                                                                                               |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [Bancontact](https://docs.saferpay.com/home/integration-guide/payment-methods/bancontact)                                                                                                           |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [blik](https://docs.saferpay.com/home/integration-guide/payment-methods/blik)                                                                                                                       | <img src="https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzpi9teY7Tm2pCZ1Bw8zO%2Fuploads%2FLwgorZPI2MNsjIlErmqG%2Fimage.png?alt=media&#x26;token=ec300911-be82-4aa1-8749-685fcc8bd598" alt="" data-size="line"> |       ✅      |
| [Click to Pay](https://docs.saferpay.com/home/integration-guide/payment-methods/click-to-pay)                                                                                                       |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Diners Club/Discover](https://docs.saferpay.com/home/integration-guide/payment-methods/diners-and-discover)                                                                                        |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [JCB](https://docs.saferpay.com/home/integration-guide/payment-methods/jcb)                                                                                                                         |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [SEPA Direct Debit](https://docs.saferpay.com/home/integration-guide/payment-methods/sepa-direct-debit)                                                                                             |                                                                                                                            ✅                                                                                                                           |       ✅      |
| [PayPal](https://docs.saferpay.com/home/integration-guide/payment-methods/paypal)                                                                                                                   |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Przelewy24](https://docs.saferpay.com/home/integration-guide/payment-methods/eprzelewy)                                                                                                            |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [eps](https://docs.saferpay.com/home/integration-guide/payment-methods/eps)                                                                                                                         |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [iDEAL](https://docs.saferpay.com/home/integration-guide/payment-methods/ideal)                                                                                                                     |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Twint](https://docs.saferpay.com/home/integration-guide/payment-methods/twint)                                                                                                                     | <img src="https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzpi9teY7Tm2pCZ1Bw8zO%2Fuploads%2FLwgorZPI2MNsjIlErmqG%2Fimage.png?alt=media&#x26;token=ec300911-be82-4aa1-8749-685fcc8bd598" alt="" data-size="line"> |       ✅      |
| [Unionpay](https://docs.saferpay.com/home/integration-guide/payment-methods/china-unionpay)                                                                                                         |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Alipay+](https://docs.saferpay.com/home/integration-guide/payment-methods/alipay+)                                                                                                                 |                                                                                                                            ❌                                                                                                                           |       ✅      |
| <p><a href="payment-methods/applepay">Apple Pay<br> (Wallet)</a></p>                                                                                                                                | <img src="https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzpi9teY7Tm2pCZ1Bw8zO%2Fuploads%2FLwgorZPI2MNsjIlErmqG%2Fimage.png?alt=media&#x26;token=ec300911-be82-4aa1-8749-685fcc8bd598" alt="" data-size="line"> |       ✅      |
| [Klarna Payments](https://docs.saferpay.com/home/integration-guide/payment-methods/klarna-payments) + Billie                                                                                        |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Google Pay (Wallet)](https://docs.saferpay.com/home/integration-guide/payment-methods/google-pay)                                                                                                  | <img src="https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzpi9teY7Tm2pCZ1Bw8zO%2Fuploads%2FLwgorZPI2MNsjIlErmqG%2Fimage.png?alt=media&#x26;token=ec300911-be82-4aa1-8749-685fcc8bd598" alt="" data-size="line"> |       ✅      |
| [PostFinance Pay](https://docs.saferpay.com/home/integration-guide/payment-methods/swiss-postcard-and-postfinance)                                                                                  | <img src="https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzpi9teY7Tm2pCZ1Bw8zO%2Fuploads%2FLwgorZPI2MNsjIlErmqG%2Fimage.png?alt=media&#x26;token=ec300911-be82-4aa1-8749-685fcc8bd598" alt="" data-size="line"> |       ✅      |
| [WeChat Pay](https://docs.saferpay.com/home/integration-guide/payment-methods/wechat-pay)                                                                                                           |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Account-to-Account Payments](https://docs.saferpay.com/home/integration-guide/payment-methods/account-to-account-payments)                                                                         |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Reka](https://docs.saferpay.com/home/integration-guide/payment-methods/reka)                                                                                                                       |                                                                                                                            ❌                                                                                                                           |       ✅      |
| [Wero](https://docs.saferpay.com/home/integration-guide/payment-methods/wero)                                                                                                                       |                                                                                                                            ❌                                                                                                                           |       ✅      |
| <p><a href="payment-methods/boncard">Boncard</a></p><ul><li><a href="payment-methods/boncard/gutschein-oev">OeV</a></li><li><a href="payment-methods/boncard/lunch-check">Lunch-Check</a></li></ul> |                                                                                                                            ❌                                                                                                                           |       ✅      |

{% hint style="warning" %} <img src="https://3537448238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzpi9teY7Tm2pCZ1Bw8zO%2Fuploads%2FLwgorZPI2MNsjIlErmqG%2Fimage.png?alt=media&#x26;token=ec300911-be82-4aa1-8749-685fcc8bd598" alt="" data-size="line">-Integration via this method requires special attention. See the respective payment method chapter for more information!
{% endhint %}

## What should I use?

Before implementing, it is important to clarify which functions are important for you.

#### Use the PaymentPage, if...

* **You only want to do transactions:** Do you have a small and simple web shop? Are [refunds over the API](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface/refunds), or [recurring payments](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface/recurring-payments) not important for you? Then the Payment Page is sufficient for you.
* **You want to have one solution for every payment method:** [The PaymentPage](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/payment-page) does support every payment method Saferpay has to offer. Once integrated, it is a simple matter of activating the payment methods you need, and they will show up on the page.

#### Use the Transaction Interface, if...

* **You want a more embedded/integrated solution:** [The Transaction Interface](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface) does offer a more integrated and personalized payment flow for credit cards, via [the Saferpay Fields](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/saferpay-fields), or [iframe integration](https://docs.saferpay.com/home/integration-guide/general-information/iframe-integration-and-css). Think of it as [the Payment Page](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/payment-page) reduced down to the card entry form, which can be embedded into every HTML-based application.
* **You want to do recurring payments:** [Recurring Payments](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface/recurring-payments) need special API functions, that are only available through the [Transaction Interface](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface).
* **You want to execute refunds via the API:** [Refunds via API](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface/refunds) (Consider that refunds are also possible via the Saferpay Backoffice) are only possible with the [Transaction Interface](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface).
* **You want to save and use card data in our Secure Card Data store:** Similar to [recurring payments](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface/recurring-payments), but Secure Card Data can do more than just that. Furthermore, you could also spare your customer from entering his card data over and over again, even for 3D Secure payments.

#### Why not both?

You don't have to stick to one interface or the other, you can also mix both interfaces.

In some cases, you **have** to use the [PaymentPage](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/payment-page). For example, if you want to use [PayPal](https://docs.saferpay.com/home/integration-guide/payment-methods/paypal), or any other 3rd party provider.

Another use case could be that you do all your normal authorizations over the [PaymentPage](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/payment-page), but then you use the [Transaction Interface for Refunds](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/transaction-interface/refunds).

If you decide to upgrade your license and already have a [PaymentPage Integration](https://docs.saferpay.com/home/integration-guide/licences-and-interfaces/payment-page), you can simply extend your integration for the functions you need, without changing the whole existing implementation.

### Questions?

Still unsure what you need?

[Contact the Saferpay Integration Support](https://docs.saferpay.com/home/support#integration-support) and we will help you to decide.
