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:
|
You must build your own:
|
| Apple Pay | Use Adyen's certificate | Use your own 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. |  |
|
| Store payment details when the shopper checks out | |
|
| Store shoppers' payment details for future payments | |
|
| Payment optimization, personalized checkout, and risk management with Adyen Uplift. | |
|
| Accessibility features following Web Content Accessibility Guidelines (WCAG) 2.1 guidelines. | |
|
| Customize styling elements, for example button color and shape, of individual payment methods. | |
|
| Update the payment amount after starting the payment session. | |
|
| Trigger custom client-side actions when the shopper selects a payment method. | |
|
| Automatically render a donation form after the payment to accept donations with Adyen Giving | |
After considering the implementation details and availability of features, choose the integration that best fits your needs.