---
title: "Build your integration"
description: "Choose one of our pre-built solutions to accept online payments"
url: "https://docs.adyen.com/standard/integration"
source_url: "https://docs.adyen.com/standard/integration.md"
canonical: "https://docs.adyen.com/standard/integration"
last_modified: "2026-06-11T16:00:17+02:00"
language: "en"
---

# Build your integration

Choose one of our pre-built solutions to accept online payments

[View source](/standard/integration.md)

Adyen provides a standard online payments integration that handles complete payment flows for the payment methods that we offer. You can choose between two pre-built solutions:

* Hosted Checkout: Redirect the shopper to an Adyen-hosted payment page.
* Drop-in: Render our pre-built payment UI on your webpage.

## Integration options

Compare the differences between Hosted Checkout and Drop-in to choose the integration that best fits your technical implementation resources, level of customization, and business needs.

### Implementation details

The following implementation details show what you need to do for each integration option.

| Detail                     | Hosted Checkout                                                                                                                           | Drop-in                                                                                                                                    |
| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| Coding effort              | Low: redirect shopper to an Adyen-hosted page                                                                                             | Low: initialize Drop-in on your web page                                                                                                   |
| User interface (UI)        | Adyen-hosted page                                                                                                                         | Your website embedded with Drop-in                                                                                                         |
| Checkout page URL/domain   | Shopper redirected to Adyen's domain                                                                                                      | Shopper stays on your domain                                                                                                               |
| Server-side implementation | You must build your own:- Payment server
- Webhook server                                                                                 | You must build your own:- Payment server
- Webhook server                                                                                  |
| Apple Pay                  | Use Adyen's [certificate](https://developer.apple.com/documentation/passkit/setting-up-apple-pay#Create-a-payment-processing-certificate) | Use your own [certificate](https://developer.apple.com/documentation/passkit/setting-up-apple-pay#Create-a-payment-processing-certificate) |

### Features

The following table shows the features available for each integration option.

| Feature                                                                                                                        | Hosted Checkout                                                                                               | Drop-in                                                                                                       |
| ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| Make a payment with any available payment method.                                                                              | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Store payment details when the shopper checks out                                                                              | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Store shoppers' payment details for future payments                                                                            | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Payment optimization, personalized checkout, and risk management with Adyen Uplift.                                            | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| [Accessibility features](/online-payments/accessibility) following Web Content Accessibility Guidelines (WCAG) 2.1 guidelines. | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Customize styling elements, for example button color and shape, of individual payment methods.                                 |                                                                                                               | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Update the payment amount after starting the payment session.                                                                  |                                                                                                               | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Trigger custom client-side actions when the shopper selects a payment method.                                                  |                                                                                                               | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |
| Automatically render a donation form after the payment to accept donations with Adyen Giving                                   |                                                                                                               | ![Required](/user/pages/reuse/image-library/01.icons/required/required.svg?decoding=auto\&fetchpriority=auto) |

After considering the implementation details and availability of features, choose the integration that best fits your needs.

## Choose your integration

###### [Hosted Checkout](/standard/integration/hosted-checkout)

[Your server makes a Checkout API request, and you redirect the shopper to an Adyen-hosted webpage to make the payment.](/standard/integration/hosted-checkout)

###### [Drop-in](/standard/integration/drop-in)

[Your server makes one Checkout API request, and you load our pre-built payment form UI for the shopper to make the payment on your webpage.](/standard/integration/drop-in)