--- 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. ##### 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)