Skip to main content
Not selling in the US? Switch to United States | Select a different country ×

Drop-in UI

The Perfect Checkout in Minutes

Through our Drop-in UI, you can start accepting payments for your next great idea almost as quickly as you have your next great idea.


Give it a whirl.

We’ve created a sleek, ready-made payment UI for accepting cards -- or even PayPal -- in your app or website. Once completed, your client code obtains a payment method nonce for use on your server.

Credit Card:
CC# - 4111 1111 1111 1111
EXP - 01/20
PASS - test

Drop-in UI integration

A few lines of code and you’re open for business.

See the docs

braintree.setup("CLIENT-TOKEN-FROM-SERVER", "dropin", {
  container: "dropin-container"

Want a more customized checkout?
Tailor your own payment flow and leave the complexities of PCI compliance to us with our custom payment APIs for app or web.

Related videos

The Basics: Checkout Experience

The Basics: PCI Compliance

Start accepting payments with Braintree.

Get started