Our Drop-in UI is a ready-made payment UI that offers the quickest way to integrate and start securely accepting payments with Braintree.

Drop-in icon
Quick, easy integrations

Quickly integrate Drop-in into your app or website's checkout flow.

Prototype icon
User-friendly, customizable UI

Customize the checkout form to meet your needs and fit your brand requirements.

Payment methods icon
Accept PayPal, cards, and more

Easily add new payment method types to your form.

Try it out

with CodePen

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

See the Pen Drop-in landing: Card only docs demo by Braintree (@braintree) on CodePen.

Drop-in and your server

We provide complementary client- and server-side SDKs to complete your integration:

The client SDKs enable you to collect payment method (e.g. credit card, PayPal) details.

The server SDKs manage requests from your server to the Braintree gateway.

Read about the server SDKs
Client side payment token flow Diagram demonstrating the required interaction between the client, Braintree servers and your server.

Integrate Drop-in

Step-by-step
  1. Set up your server with one of our server SDKs in the language of your choice.
  2. Set up your client to use Drop-in with one of our client SDKs.
  3. Consider configuring other payment methods, like PayPal, Venmo, or Apple Pay to complete your integration.

If the Drop-in UI doesn't fit your needs, explore Hosted Fields or build your own custom integration using our client SDKs to have full control over the checkout process.