Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

PayPal Express checkout can be implemented on BPD websites quickly and easily, using the guide below.  Note that sites using Click & Collect will have a different implementation, detailed later in this document.  

Step-by-step guide

1. Store PayPal Express credentials in System Settings:  

...

guides below.  

Image Added

Before beginning, have your PayPal Merchant credentials handy and ensure your CSS is up-to-date for PayPal Express:  

  1. Login to the CMS. 
  2. Navigate to Settings --> Settings.
  3. Select the PayPalExpress tab. 
  4. Populate the fields as follows: 
    1. PayPal Express Login URL = https://www.paypal.com/cgi-bin/webscr?cmd=_express-checkout
    2. PayPal Express Endpoint = https://api-3t.paypal.com/nvp
    3. PayPal Express Username = (Your PayPal Merchant username)
    4. PayPal Express Password = (Your PayPal Merchant password)
    5. PayPal Express Signature = (Your PayPal Merchant Signature)
  5. Click 'Update' to save.

Step-by-step guide (where Click & Collect not in use)

Add the PayPal Express button to the Product Detail page (optional). 

The 'Checkout with PayPal' button on the product detail page can behave in 1 of 2 ways: 

Option 1 -  add that product to the cart, then redirect to the PayPal site, or

Option 2 -  immediately redirect to the PayPal site with the current contents of the cart (e.g. the user must add the product to cart first).
 

Option 1

  1. Navigate to Content --> Standard Pages
  2. Select the Product Detail template. 
  3. Add the 'PayPalExpressButton' widget to the template.
  4. Click 'Edit' on the PayPalExpressButton widget to open configuration options.
  5. Ensure 'Display Button?' is unticked
  6. Click 'Save'
  7. Click 'Edit' on the Product Purchase Details widget to open configuration options. 
  8. Tick 'Show PayPal Express Checkout?'.
  9. Click 'Save'.

     

Option 2

  1. Navigate to Content --> Standard Pages
  2. Select the Product Detail template. 
  3. Add the 'PayPalExpressButton' widget to the template.
  4. Click 'Edit' on the PayPalExpressButton widget to open configuration options.
  5. Tick 'Display Button?'.
  6. Click 'Save'
  7. Click 'Edit' on the Product Purchase Details widget to open configuration options. 
  8. Ensure 'Show PayPal Express Checkout?' is unticked.
  9. Click 'Save'

    Image Added 

 

Add the PayPal Express button to the Cart page 
  1. Navigate to Content --> Standard Pages.
  2. Select the Cart template. 
  3. Add the 'Cart PayPalExpress Button' widget to Zone BottomAfter (or other location consistent with your site's design).
    Image Added
     

 

PayPal Express is now implemented and ready for use!

 

Step-by-step guide (where Click & Collect is in use)

For sites using Click & Collect, implementation is slightly different

 

Info

Content by Label
showLabelsfalse
max5
spacesKB
sortmodified
showSpacefalse
reversetrue
typepage
labelscheckout payment cms