---
title: "Online payments"
description: "Accept payments with cards, wallets, and local payment methods on your website and mobile app."
url: "https://docs.adyen.com/online-payments"
source_url: "https://docs.adyen.com/online-payments.md"
canonical: "https://docs.adyen.com/online-payments"
last_modified: "2020-05-04T12:36:00+02:00"
language: "en"
---

# Online payments

Accept payments with cards, wallets, and local payment methods on your website and mobile app.

[View source](/online-payments.md)

##### Release notes

We frequently [release new versions](/online-payments/release-notes/) of our libraries and update our APIs to offer the latest payments innovations and provide bug fixes.

Build an online payments integration with Adyen to :

* Accept global and local [payment methods](/payment-methods).
* Support online payments for web, iOS, Android, React Native, or Flutter.
* Customize the styling of your checkout.
* Present your payment form in the local language of your shoppers with our localization support.
* Create unique [omnichannel experiences](/unified-commerce) for your shoppers.
* Manage your account and transactions from our [Customer Area](https://ca-test.adyen.com/), which shows an overview of all your payment channels.
* Offer [payment links](/unified-commerce/pay-by-link).

We continuously enhance our online payments solution to offer the latest payment innovations. We recommend [keeping your integration up-to-date](/online-payments/update-your-integration/), and familiarizing yourself with our [product lifecycle](/online-payments/upgrade-your-integration#lifecycle) to benefit from the latest features.

## Seamless checkout

Our platform supports seamless checkout experiences for various use cases, and allows you to offer unique checkout experiences with additional features.

### Transaction types

You can use our online payments solution to support different use cases. We offer a range of payments features and flows to support your business type and shopper needs.

#### One-off payments

![Shopping cart icon](/user/pages/docs/02.online-payments/shopping-cart.svg?decoding=auto\&fetchpriority=auto)\
Take one-time payments.

#### Subscriptions

![Recurring payment icon](/user/pages/docs/02.online-payments/recurring.svg?decoding=auto\&fetchpriority=auto)\
Charges users on a fixed schedule.

#### Bookings

![Hospitality icon](/user/pages/docs/02.online-payments/hospitality.svg?decoding=auto\&fetchpriority=auto)\
Take accommodation or travel bookings.

#### Top-ups

![Arrow up icon](/user/pages/docs/02.online-payments/arrow-up.svg?decoding=auto\&fetchpriority=auto)\
Top up your users' accounts.

### Features

Our online payments solution gives you access to various features that allow you to offer unique checkout experiences to your shoppers while processing payments securely and easily.

#### Authentication

![Fingerprint icon](/user/pages/docs/02.online-payments/fingerprint.svg?decoding=auto\&fetchpriority=auto)\
Integrate with [3D Secure 2](/online-payments/3d-secure) to securely process card payments.

#### Risk management

![Risk team icon](/user/pages/docs/02.online-payments/risk-team.svg?decoding=auto\&fetchpriority=auto)\
Use our [risk management](/risk-management) solution to prevent and respond to fraud.

#### Donations

![Adyen Giving icon](/user/pages/docs/02.online-payments/adyen-giving.svg?decoding=auto\&fetchpriority=auto)\
Allow shoppers to [donate](/online-payments/donations) as part of your checkout flow.

#### Recurring payments

![Recurring payment icon](/user/pages/docs/02.online-payments/recurring.svg?decoding=auto\&fetchpriority=auto)\
Securely [store your shopper's payment details](/online-payments/tokenization) to offer faster checkout.

## One platform

When you have an online payments integration with Adyen, you can:

* Process all payment methods using a single API.

* Manage your in-person payments on the same platform.

* Use your [Customer Area](https://ca-test.adyen.com/) to:

  * View unified transaction data and reports for both your in-person and online payment channels.
  * Access omnichannel, real-time shopper data and insights.

## Integration architecture

A complete online payments integration with Adyen consists of the following parts:

![Integration architecture diagram showing server, client, and webhook components](/user/pages/docs/02.online-payments/server-client-webhook.svg?decoding=auto\&fetchpriority=auto)

### Payments server

Makes API requests to the [Checkout API](https://docs.adyen.com/api-explorer/Checkout/latest/overview) endpoints and receives responses.\
We recommend that you use our [API Libraries](https://github.com/Adyen/#server-side) help you build your server. They provide models to help set up your client and methods to make API requests.

### Client website or app

Collects payment details from the shopper and passes payment information to your server.\
We recommend that you use our [Drop-in/Components](https://github.com/Adyen/#client-side) help you build your client website or app. They offer customizable UI options and flexibility to control your checkout experience.

### Webhook server

Receives [webhooks from Adyen](/development-resources/webhooks) about payment statuses and other payments-related activity.

## Next steps

[Integration checklist](/online-payments/integration-checklist)

[Get an overview of all the steps you need to take to build an online payments integration.](/online-payments/integration-checklist)

[Build your integration](/online-payments/build-your-integration)

[Start building your online payments integration with Adyen.](/online-payments/build-your-integration)

[Use a plugin](/plugins)

[Use an Adyen-built or partner plugin to connect your existing commerce system to the Adyen payments platform.](/plugins)
