Drop-in UI

Overview

Our Drop-in UI is a complete, ready-made payment UI that offers a quick and easy way to securely accept payments. When a user successfully completes the UI, your client code obtains a payment method nonce for use on your server.

DemoAnchorIcon

A correctly configured Drop-in UI integration with PayPal enabled is presented below. Test it out with one of our test card numbers (e.g. 4111111111111111) or a sandbox PayPal account.


Try a live version of our JavaScript Drop-in UI.

Open on CodePen
TutorialAnchorIcon

Get your own Drop-in working in 20 minutes.

Do the tutorial

Note
To see an end-to-end implementation using the Drop-in UI, take a look at our example integrations or take a look at the most common integrations with code snippets.

Key featuresAnchorIcon

The Drop-in UI is the quickest way to start accepting payments. Below is a list of features:

If the Drop-in UI doesn't fit your needs, develop your own custom integration using our client SDKs to accept credit cards, PayPal, and other available payment method types. This allows you full control over the checkout process.


Next Page: Setup and Integration

If you accept cookies, we’ll use them to improve and customize your experience and enable our partners to show you personalized PayPal ads when you visit other sites. Manage cookies and learn more