Adyen Drop-in demo

About this demo

This is a live, non-affiliated demo of the Adyen Web Drop-in, version 6 running the Sessions flow. It renders against Adyen's test environment and exposes the component's own configuration as toggles and dropdowns, so a change on the left applies to the checkout straight away rather than after a reload.

The Drop-in is Adyen's all-in-one checkout component. You mount it once and Adyen decides which payment methods to show based on the country, currency and amount in the session, then builds the forms, validates the input and handles redirects and 3D Secure. Switching country here changes the method list because the session changes, not because the page filters anything.

It is built for two audiences at once. If you are evaluating Adyen or comparing hosted checkout options, everything is point and click and you can see how the component behaves without writing any code. If you are integrating it, the Adyen configuration key names sit beside each toggle, and the API log above shows the calls each change produces along with the notification Adyen sends afterwards.

For a written comparison of this component against the Components approach, see Adyen Drop-in vs Adyen Components. Test environment only, no real payments are processed, and no real card details should be entered here.