Woo Braintree Payment – screenshots

How to customize your checkout card form by setting whatever payment method name and description that suit your website design. However, we recommend you to stick to something that makes your customers feeling safe when they choose to pay using this method.

How to enable the sandbox mode and what credentials should be set in order to make it work.

How to enable the production mode and what credentials should be set in order to make it work.

This badge may appear right under the card checkout form

In case you want to start with a fresh configuration you may initialize the factory default settings

How to set the plug-in to validate the card information on the client-side

The card validation just checks if the card number and its CCV has a certain pattern according with the VISA, American Express, JCB, MasterCard, Maestro, Diners Club and Discover card companies.

How to enabled/disable the CCV validation option

This screenshot shows how the checkout card form looks with or without the CCV (aka CVC, CSC, etc) field.

Your customers are advice what cards your web shop welcomes and what it does not

You can define which card brands are accepted and which are not. In conjunction with Card validation you get an additional layer which allows you, independently of the Braintree account settings, to specify which cards are welcome.

By setting this option the customer will see a card icon badge on the checkout payment form corresponding to those cards set on the Accepted Cards option.

Here you can see how to apply a CSS style to each element of the card checkout form

This allows you to set the card badge position by swapping its position with the Braintree badge.

You may show/hide the Braintree badge. We recommend you to leave this option ON.

How to change the Braintree badge shown on your card checkout form

How to set your additional merchant IDs. Here an example for how I set my EUR,USD,SEK and HUF accounts.

How the Braintree's Merchant Accounts panel looks like. You find here your additional merchant account ID designed for each different currency,

A descriptor is what your customers will see on their statement when they make a purchase through your website.

This shows how to set the plug-in to settle automatically the sale transaction funds. You can however settle any transaction manually in the Braintree Control Panel.

This shows the Braintree transactions where some are settled (the money are probably in your account) while the other are only authorized. When it is authorized only the customer bank puts hold on the funds but it doesn’t take any funds out just yet.

By clicking the log path you are redirected to the log viewer. If you want to flush to log just click the "Clear" button.

By validating the card on client browser it reduces the unnecessary round trips to the Braintree gateway

A typical PayPal payment instead of a card payment

A typical integration of a PayPal button with a checkout card form.

How to customize the label shown above the PayPal button

The opacity effect definitely tells your customer that PayPal is merely an alternative and not the preferred payment method.

How to apply a semi-opacity over th the PayPal button

How to choose the PayPal button checkout flow

How your merchant name looks on the PayPal lightbox

This is how your Drop-in UI typically looks on your WooCommerce checkout form

This option allows you to customize the container of Drop-in UI card form

This is how your Hosted Fields UI typically looks on your WooCommerce checkout form. Here with the PayPal button enabled too.

This option allows you to customize the container and the fields of the Hosted Fields card form

With 3D Secure you can shift liability for chargebacks due to fraud from the merchant to the card issuer

The 3D Secure layer authentication screen where the buyer enters his/her secret password

How to force the usage of 3D Secure cards only thus reducing to zero the merchant fraudulent card use liability

How to set an exception that allows the buyer to use a non 3D Secure card and at the same time having the fraudulent card usage under control

This shows how to define multiple payment risk thresholds, one for each currency your web shop enables