Overview

JavaScript v3SDK

• Current Braintree SDKs
• Android v4
• iOS v6
• JavaScript v3
• Previous Versions
• Android v3
• iOS v5
• JavaScript v2

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.

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.

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 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.