Starting September 1, 2026 the Drop-in SDK will move to a deprecated status and we will no longer make any updates to this SDK. Processing will be supported for 1 year after the deprecation date, but you should upgrade immediately to avoid any disruption.
Starting September 1, 2027 the Drop-in SDK will move to an unsupported status and will no longer supported by Braintree developers or Braintree Support. Processing for unsupported SDKs can be suspended at any time.
Please migrate to the Braintree SDK to continue processing and receiving updates.
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.
Demo
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 CodePenTutorial
Get your own Drop-in working in 20 minutes.
Do the tutorialKey features
The Drop-in UI is the quickest way to start accepting payments. Below is a list of features:
- Typically qualifies you for the SAQ A PCI compliance form
- Pre-formatted payment form
- Support for 23 languages and the option to add your own language to the integration
- Support for 3D Secure 2 verification
- Allow customers to delete saved payment methods
-
Collect information included on the payment form:
- Credit card number
- Cardholder name
- Expiration date
- Postal code and CVV (when AVS and CVV rules are enabled in your Control Panel)
- PayPal account
- Venmo account
- Apple Pay card
- Google Pay card
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 →