You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

(unfinished)

Braintree Payments

Refer to the documentation on Braintree Payments for other help topics. 


Braintree Payments provides the option of processing PayPal payments using PayPal's gateway. Such PayPal payments will be integrated into your Braintree account as transactions. NOTE - You still need to establish a separate PayPal merchant account as payment processing fees are charged as per your agreement with PayPal. Braintree does not charge fees for handling PayPal transactions. 


During checkout, PayPal is offered as an option under Braintree's 'Payment Methods' tab rather than under a separate PayPal one. The gateway can also handle PayPal's express checkout options. PayPal, Pay in 4 and/or Credit/Debit Card (CHECK?) buttons can be added to product or cart pages. These are express because they allow the purchaser to submit an order there and then without going through the normal checkout process. 


The PayPal settings here control the PayPal payment options your website offer through the Braintree gateway. Your site can offer one or all of these PayPal options:

  • PayPal under the Braintree Payments 'Payment Methods' tab during checkout.

     In the Payments panel during checkout, 'PayPal' displays as an option under Payment Methods.

     

    The User clicks on PayPal and a PayPal button is displayed. 

    The User clicks the PayPal button. The secure PayPal login popup is displayed. 

    The User can log into their PayPal account and select from available payment options in PayPal. After selecting the option, the User is returned to your website. The PayPal account with login ID is displayed. 

    The User clicks Process Payment to complete payment for the order. If 'Allow Vault PayPal' is enabled, a successful PayPal account will be vaulted for future purchases.  

  • PayPal Express via buttons in the product detail and/or cart pages. NOTE - Adding PayPal Express through Braintree settings replaces the use of separate PayPal Express settings

    PayPal Express in product pagePayPal Express in cart

  • PayPal Pay in 4 buttons in the product detail and/or cart pages. 

    PayPal Pay in 4 in product detail pagePayPal Pay in 4 in cart

  • PayPal Credit Card buttons in the product detail and/or cart pages

    The User clicks on the Debit or Credit Card button to open a secured credit card form hosted by PayPal. 

    The User fills out the form and clicks the Buy Now button. PayPal verifies the User. If the User is successfully verified, they are taken to the final checkout page. The User clicks the Check out with PayPal button to submit the order.

Configure PayPal 

To offer PayPal within the Braintree gateway, your business must have a PayPal account. PayPal must be enabled here and your merchant PayPal credentials entered in your Braintree account.

PayPal Testing

Please consult Braintree documentation about testing your PayPal-Braintree integration.  

To configure Braintree PayPal Settings:

  1. Navigate to SettingsPayment & CheckoutBraintree Payment.
  2. If the Available in CMS toggle is not enabled, toggle it ON. 

  3. Click Configure.

  4. Scroll down to PayPal Settings.

  5. In the PayPal Settings section, toggle ON Enable PayPal. This enables Braintree PayPal on your site. 
  6. Allow Vault PayPal: toggle ON to automatically save a successful PayPal payment for future use. IMPORTANT- PayPal vaulting is incompatible with offering Pay in 4. If this toggle is enabled, PayPal Pay in 4 will not be displayed as a payment option.
  7. The next few toggles and fields set PayPal Express, including Pay in 4 and Credit/Debit Card button options in the product and cart pages. 


    1. Enable PayPal Express: toggle ON to enable PayPal Express options to be controlled by Braintree. NOTE - When this toggle is ON, the Use Braintree for PayPal Express toggle will automatically be enabled in PayPal Express settings

    2. Display PayPal Express On Cart: toggle ON to enable display of PayPal buttons in the cart.

    3. Cart Page PayPal Express Buttons: click in the field and select the buttons to display in the cart. (The buttons will appear according to the selection order.)
      PayPal: PayPal button
      Paylater: Pay in 4 button
      Card: Credit/debit card button
      Credit: this option is not currently used.

    4. Display PayPal Express On Product Detail: toggle ON to enable display of PayPal buttons in the product page. 

    5. Product Page PayPal Express Buttons: click in the field and select the buttons to display in the cart. (The buttons will appear according to the selection order.)
      PayPal: PayPal button
      Paylater: Pay in 4 button
      Card: credit/debit card button
      Credit: this option is not currently used.

  8. To save your settings, click Save

Edit PayPal Express Buttons

The default look and text of the PayPal Express and Pay in 4 buttons in the product detail and cart pages can be edited in the Product Purchase Detail Widget and Cart Checkout Button Widget. Buttons for either page are edited separately.


To edit these buttons:

  1. Navigate to ContentPages & Templates.

  2. Use the Search tool to find the Product Detail template.
  3. Click Edit.

  4. Find the Product Purchase Details Widget and click Edit.
  5. Scroll down to PayPal Express Buttons Options and click Edit.


    Layout

    check what is horizontal?

    Vertical (default)

    Horizontal

    Colour

    Gold (default) 

    Other colours: blue, silver, white, black

    Shape

    Rectangular (default) 

    Pill

    Label

    PayPal (default)

    Checkout

    Buy Now

    Pay

  6. The text and style of the Pay in 4 messaging can be customised from the default: Find PayPal Later Messaging Options and click Edit

    Message layout

    data-pp-style-layout

    Default: text

     

    Flex - banner 

    Style Colour

    data-pp-style-colour

    Background colour of banner when style is flex (banner)

    Default: blue

    Style Ratio

    data-pp-style-ratio

    Shape and size of banner when style is flex (banner)

    Default: 1x1 

    Logo position

    data-pp-style-logo-position

    Left

    Right

    Top

    Logo type

    data-pp-style-logo-type

    Primary

    Alternative

    None

    Text colour

    data-pp-style-text-color

    Black (default)

    Others: white, monochrome, greyscale

    Text size

    data-pp-style-text-size

    Default: 12

    Text align

    data-pp-style-text-align

    Default: left

    Options: centre, right




Additional Information

 

Minimum Version Requirements


4.30

Prerequisites


Braintree Account, third party payment accounts

Self Configurable


Yes

Business Function


Payment Types

BPD Only?


Yes

B2B/B2C/Both


Both

Ballpark Hours From CV (if opting for CV to complete self config component)


Contact Commerce Vision

Ballpark Hours From CV (in addition to any self config required)


Contact Commerce Vision

Third Party Costs


Fees may apply

CMS Category


Payment & Checkout


Related help



  • No labels