Drop-in UI

Overviewanchor

Our Drop-in UI is a complete, ready-made payment UI that offers a quick and easy way to securely accept payments. The UI includes a card entry form and, if enabled, PayPal, Venmo, Apple Pay, and Google Pay buttons. When a user successfully completes the UI, your client code obtains a payment method nonce for use on your server.

Demoanchor

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
Tutorial

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 featuresanchor

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