What is Braintree?

Braintree, a division of PayPal, specializes in mobile and web payment systems for e-commerce companies. Braintree integration allows you to accept Credit Card payments from all around the world.

For more information visit: https://www.braintreepayments.com/

How does it work?

๐Ÿ’ณ In-page implementation

Our Braintree CC integration allows you to load the credit card fields inside the checkout page for a frictionless experience.

The Credit Card fields are loaded directly from Braintreeโ€™s servers ensuring a secure connection between Braintree and the Customer. ( Checkout X doesnโ€™t handle any card details )

๐Ÿ˜ถ No 3DS support yet

The Braintree CC integration doesnโ€™t support 3DS secure payments yet - if this is a requirement for you, itโ€™d be best to use one of our other payment options.

๐Ÿ‘† One-click upsells

When using Braintree, you can offer one-click post-purchase upsells. To learn more about them, visit this guide ๐Ÿ‘ˆ

How to connect your Braintree account?

1 - Locate your API keys inside your Braintree Account

To connect your Braintree account, weโ€™ll need API Keys.

To find your API keys:

  1. Log in your Braintree account

  2. On the top right, click on โš™ > API

  3. Click on the View action under Private key to see the full key info

2 - Add a new Payment Method on Checkout X

Next, you need to Add a Payment method in Checkout X:

  1. Go to Configuration > Payment Methods

  2. Click on Add a Payment Method

  3. Select Braintree

3 - Add your API Keys

The last thing you need to do is to copy/paste your Braintree API keys inside the Checkout X App:

  1. Copy your Public Key from Braintree and paste it in Checkout X

  2. Copy your Private Key from Braintree and paste it in Checkout X

  3. Copy your Merchant ID from Braintree and paste it in Checkout X

  4. Scroll down and Save Payment Method

โš ๏ธ Possible error: If you are using a Sandbox account ( like on the gif above ) make sure that you Enable test mode

Additional options

While adding the payment method on Checkout X, youโ€™re also able to configure a couple of additional options:

Enable test mode

Test mode will not allow you to process any real credit card transactions - only test cards will be available. This feature is meant to be used only if you are using a Braintree test ( sandbox ) account.

If you want to use a test Braintree account, just check the Enable test mode checkbox and click Save Payment Method

In any other case - leave the Enable test mode unchecked.

Credit Card Logos

The credit card logos option allows you to display which CC brands are accepted on your checkout.

๐Ÿ‘ Your checkout with Credit Card logos selected

๐Ÿ‘Ž Your checkout without Credit Card logos selected

We recommend that you select the logos that your customers might be using, to avoid unnecessary confusion.

โš ๏ธ Important: This setting is purely for cosmetic purposes. To control which credit card brands are accepted, visit your Braintree account.

โ“ FAQ โ“

๐Ÿ™‹โ€โ™€๏ธ How can I specify a Merchant Account ID when connecting Braintree?

This feature is not available. For now, the integration will get your main account id.

๐Ÿ™‹โ€โ™€๏ธ Do I need to have a Braintree account?

Yes, you need to create your Braintree account on your own -> you can do it from https://www.braintreepayments.com/

๐Ÿ™‹โ€โ™€๏ธ Do I need to have a company?

Yes, Braintree doesnโ€™t accept account applications made by individuals without a registered company.

๐Ÿ™‹โ€โ™€๏ธ In which countries is Braintree available?

Find the full list of available countries here.

๐Ÿ™‹โ€โ™€๏ธ My Braintree account got suspended. What to do?

Contact Braintree and resolve the situation with them. We canโ€™t help in any way. ๐Ÿ™

๐Ÿ™‹โ€โ™€๏ธ Do I need to pay additional fees to Checkout X?

Checkout X transaction fees are charged separately from your Braintree fees. For more information visit our guide on billing here ๐Ÿ‘ˆ

Did this answer your question?