Overview ↑ Back to Top
Braintree allows you to accept credit cards on your WooCommerce store. Customers can save their credit card to their WooCommerce account for fast and easy checkout and the extension includes full support for WooCommerce Subscriptions and Pre-Orders. You’re just moments away from getting the gateway setup and accepting payments!
Installation ↑ Back to Top
- Download the extension from your dashboard
- Goto Plugins > Add New > Upload and select the ZIP file you just downloaded
- Click Install Now, and then Activate
- Click the Configure link and read the next section to learn how to setup and configure the plugin.
Setup and Configuration
First, log into your Braintree Control Panel. Once logged in, you should see this screen:
Now log into your WooCommerce store and go to WooCommerce > Settings > Payment Gateways > Braintree, then copy and paste the Merchant ID, Public Key, Private Key, and Client-side Encryption Key to their respective text boxes on the settings page:
That’s it! You are now ready to start accepting credit cards via Braintree! If you want to tweak settings and customize the checkout process, keep reading.
Settings ↑ Back to Top
- Enabled – This will enable the gateway to be used by customers to checkout.
- Title – This is the text shown for the payment during checkout and on the Order Received page.
- Description – This is the text shown under the title during checkout. Limited HTML is allowed. If the environment is not “Production”, this section will also display a notice along with test credit card numbers.
- Environment – This is the API environment to post transactions to — you should set this to “Production” unless you’re using a Braintree Sandbox account, in which case change this to “Sandbox”.
- Merchant ID – This is the merchant ID for your Braintree account.
- Public Key – This is the public key for your Braintree account.
- Private Key – This is the private key for your Braintree account.
- Client-Side Encryption Key – This is the client-side encryption key for your Braintree account.
- Submit for Settlement? – Enable this to automatically submit transactions for settlement. If you disable this, you will need to login to the Braintree Control Panel to manually capture payment for transactions.
- Card Verification (CV2) – Enable this to require customers to enter their CV2 (Card Security Code) when checking out. This does not apply to saved cards or subscription renewals or renewals.
- Accepted Card Logos – This controls the card logos that display during checkout. This is purely cosmetic and has no affect on the cards actually accepted by your merchant account.
- Debug Mode – Enable this is you are having issues correctly processing transactions. You can either log API requests / responses directly to the checkout / thank you page, save them to the WooCommerce Error Log (/wp-content/plugins/woocommerce/logs/braintree.txt) or both. All debugging messages are cleaned of sensitive information before display, but as a best practice, please do not enable this unless you are having issues with the plugin.
Usage ↑ Back to Top
Managing Payment Methods
Customers can manage their saved payment methods by going to their My Account page and scrolling to the “My Saved Cards” section. From here they can set any available saved card as active, or click the red X to delete the card. At this time, customers cannot add cards to their account from this page. They need to go through the normal checkout process in order to add a new payment method.
Storing Credit Cards
Credit card information is not stored on your server, rather it is tokenized and stored on Braintree’s secure servers, which reduces your PCI compliance requirement. Learn more about Braintree tokenization.
Troubleshooting ↑ Back to Top
Having trouble? Follow these steps to make sure everything is setup correctly before posting a support request:
- Check that your Merchant ID, Public/Private Key, and Client-Side Encryption Key are correct.
- Double-check that your Merchant ID, Public/Private Key, and Client-Side Encryption Key are correct
- Check that you are not using production API credentials in the sandbox or vice-versa
- Enable debug mode to the checkout page and review the errors messages that Braintree is providing.
- Enable debug both to the logs and submit a support ticket, with the braintree.txt log as an attachment.
FAQ ↑ Back to Top
- Why do Subscriptions not display inside the Braintree Control Panel?
Subscriptions do not display in Braintree because the gateway does not use Braintree’s subscription handling. It tokenizes the customer’s payment method and then the Subscriptions plugin handles charging the payment method. This is far more flexible than the subscriptions provided by Braintree and thus supports a lot of features that couldn’t be done without it (changing payment dates, amounts, etc).
- What is my PCI compliance requirement when using this Braintree?
This extension was written from the ground-up to be as secure and reliable as possible with respect to PCI compliance. It makes use of braintree.js which significantly reduces your PCI compliance. Braintree has more details about this on their FAQ page.
- Am I required to install an SSL certificate to use Braintree?
At this point an SSL certificate is required to use Braintree. This is a best practice so your customers can be assured that their credit card information is kept as secure as possible. Since an SSL certificate only costs $10-20 per year, this is a low-cost investment to make in the security of your website and business. Braintree has more information about this.
For Designers & Developers ↑ Back to Top
This extension was written to be as flexible as possible for customization. Both the payment fields on the checkout page and the My Saved Cards section are templates, which can be overridden in your theme to give you complete control over layout and styling. You’ll find both of these templates in the
/templates/ folder. Learn more on the Template Structure document.
There are two filters available to customize the transaction information that is sent to Authorize.net:
apply_filters( 'wc_braintree_create_customer', $customer, $order );— Use this to add or modify the parameters that are used to create a new customer within Braintree. This passed in the
$customerarray and the
$orderWooCommerce order object.
apply_filters( 'wc_braintree_create_credit_card', $credit_card, $order );— Use this to add or modify the parameters that are used to create a credit card within Braintree. This passed in the
$credit_cardarray and the
$orderWooCommerce order object.