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:
Log in your Braintree account
On the top right, click on ⚙ > API
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:
Go to Configuration > Payment Methods
Click on Add a Payment Method
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:
Copy your Public Key from Braintree and paste it in Checkout X
Copy your Private Key from Braintree and paste it in Checkout X
Copy your Merchant ID from Braintree and paste it in Checkout X
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
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 👈