Documentation, Getting Started, PayPal Express Checkout Payment Gateway for WooCommerce, WooCommerce

Setting Up PayPal Express Checkout Payment Gateway for WooCommerce

Posted on by WebToffee

PayPal Express Checkout Payment Gateway

Documentation

This tutorial explains how to set up PayPal Express Checkout Payment Gateway for WooCommerce. Please refer to the product page to know more about the plugin features.

Overview

PayPal Express Checkout Payment Gateway plugin allows the customers to skip the WooCommerce checkout and facilitates customer to pay by PayPal account either from Product page or Cart page, securely. Hence, resulting in reduced clicks to place the order by paying through PayPal/Credit Card. It is an easy and quick solution that provides a fast, seamless checkout experience to your customers.

Admin can charge orders immediately or authorize and capture from PayPal. Also, Plugin allows the customer to checkout without any PayPal account. The Customer can use a credit card instead of the PayPal account.

You can add the required Logo or Banner on PayPal Checkout Page.

This tutorial will give you an excellent launch pad to kick-start the usage of PayPal Express Checkout Payment Gateway for WooCommerce. It will give you all the essential knowledge and step-by-step instructions.

Installation

After purchasing the PayPal Express Checkout Payment Gateway for WooCommerce, plugin Zip file is available in MY ACCOUNT.

  1. Navigate to My Account -> API Downloads tab and download the plugin.
    Note: If you have the basic/free version already installed, please Deactivate and Delete the Basic Version before installing Premium Version to avoid any conflict. Your plugin settings will be retained intact.
  2. Install the downloaded plugin zip into your WordPress / WooCommerce Site.
  3. You get Activation Key and Activation Email at My Account -> API Keys.
  4. Go to your site Admin and the Settings page of the plugin and activate it using email and key.

For detailed information about installing Plugins, See How to Install WordPress Plugin?.

Setting Up the Plugin

After installing the plugin, you can navigate to Plugin by two ways as given below:

  • Navigate to WooCommerce > Settings > Checkout > PayPal Express OR
  • Navigate to Plugins > Installed Plugins > PayPal Express Checkout Payment Gateway for WooCommerce
    >Settings.

General Settings

The General Settings are as given below:general settings 1

  1. PayPal Payment Gateway: Select the checkbox to enable the PayPal Payment Gateway.
  2. Title: It is visible on the Checkout page under the payment modes. Specify Title as required(defined by you).
  3. Regular Description: Specify the required description in this text box. The Customer can see this description on the Checkout page under WooCommerce PayPal payment method.

PayPal Credentials Settings

To use the WooCommerce PayPal Express Checkout Payment Gateway, you must have a PayPal account. You can open Live or Sandbox accounts free of cost. Admin Plugin settings are as shown below:paypal-credentials

  1. Environment: In this field, you can set a required API mode for the payment gateway. The available options are as given below:
    • Sandbox Mode: It is used to do test purchasing by using PayPal API. There is no real money transaction involved in this mode.
      Note: This mode is used only for development purpose and Customers should not have access to this mode.
    • Live: Live mode is used for actual purchase.
  2. Live API Username: Enter the Username provided by PayPal.
  3. Live API Password: Enter the Password provided by PayPal.
  4. Live API Signature: Enter the Signature provided by PayPal.

PayPal Express Checkout

The Settings are as shown below:paypal-exp-ck

  1. PayPal Express: Select the checkbox to enable PayPal Express payment gateway option for the customer.
  2. Credit Card Checkout: Select the checkbox to enable Credit Card Checkout for the customer.
  3. Button Size: Select the Button size for PayPal Express/Credit Card  Button according to your choice. The available options are as given below:
    • Small
    • Medium
    • Large
  4. Express Description: Enter the text in the given text box and this text gets visible to the customer during placing the checkout.
  5. Cart Page Checkout: Select the checkbox to allow the customer to directly Checkout from the Cart page using PayPal Express/Credit Card.
  6. Product Page Checkout: Select the checkbox to allow the customer to directly Checkout from the individual Product page using PayPal Express/Credit Card.
  7. Type of Checkout: Select the type of PayPal checkout type. The available options are as given below:below:
    • Redirect to PayPal: The customer is taken to the PayPal site to pay the amount.
    • In-Context Flow PayPal:  Without leaving your store site, the customer can pay the amount through PayPal.
      Note: This option works only on Cart page checkout.
  8. Position of Checkout Button: Select the position of  PayPal Express/Credit Card checkout buttons from the given dropdown list. The available options are as given below:
    • Above: Displays PayPal Express/Credit Card checkout buttons above Add to Cart (Product page checkout) or Proceed to Checkout (Cart page checkout).
    • Below: Displays PayPal Express/Credit Card checkout buttons below Add to Cart (Product page checkout) or Proceed to Checkout (Cart page checkout).
  9. Style of Checkout Button: Select the style of PayPal Express/Credit ard checkout buttons from the dropdown list. The available options are as given below:
    • PayPal Style: Displays PayPal Express/Credit Card checkout buttons in PayPal style.
    • WooCommerce Style: Displays PayPal Express/Credit Card checkout buttons in WooCommerce style i.e. same style as Add to Cart / Proceed to Checkout.
  10. Express Checkout Cancel Page: In case, customer cancel the process of payment on PayPal page then the customer gets directed to the page which is selected in this dropdown list. The available options are as given below:
    • Back to Proceeding Page: Directs the customer to the page from where the customer navigated to PayPal.
    • Redirect to Custom Page: Directs the customer to customize page from PayPal. Enter the URL of the customized page in the Cancel Redirect Page URL field. The settings are as given below:custom page URL

PayPal Abilities Settings

The settings are as shown below:paypal abilities

1. Business Name: Enter the required Business Name which gets displayed on the PayPal Checkout page.

2. Payment Action: Select the option to capture the payment and available options are as given below:

    Sale: This option allows the shop owner to get the payment after the sale from WooCommerce.

    Authorize: With this option, the shop owner needs to authorize charges and then capture the payment. To capture the payment, the shop owner needs to navigate to the individual order page. Under PayPal Express Action box, Admin can capture the payment. Please refer, How to Capture Authorized payment from Order Page?

3. Instant payment: Select the checkbox to get the payment instantly through PayPal / Credit Card / Debit Card instead of eCheck.

4. Override Addresses:  Enabling this will affect express checkout and PayPal will strictly verify the address.

5. PayPal Locale: Select the checkbox so that the display language of PayPal will be the same as the default language of your store.

6. Invoice Prefix: Enter the text which gets prefixed to the Invoice number. This helps to identify the Order from the Invoice number.
For Example: Suppose, you have added Extensionhawk_ in this field, then the Invoice number will be Extensionhawk_12098.

7. Landing Page: Select the landing page for PayPal. The available options are as given below::

    Login Page: Customer always directed to the Login page of PayPal.

    Billing Page: If the customer is logged into PayPal Account already then the customer is directed to the Billing page, otherwise the customer is directed to Login page.

8. Customer Service Number: Enter Merchant Customer Service number which gets displayed on the PayPal Review pages.

9. PayPal Checkout Logo: Enter SSL Host URL of the image to be displayed as the logo on PayPal Page.  Allowed Image size is up to 190 x 90 pixels.

10.PayPal Checkout Banner: Enter SSL Host URL of the image to be displayed as the Banner on PayPal Page.  Allowed Image size is up to 750 x 90 pixels.
Note: Banner, Logo, or Business Name gets displayed on PayPal page depending on priority. Banner has the highest priority, then comes Logo and the last is Business Name.

Review Page

The Plugin provides you an option to review the order before completion of the order. On the review page, the customer gets the option to place or cancel the order. The setting is as shown below:

review page1

  1. Skip Review Page: Select the checkbox to skip the Review page and directly place the order.
  2. Seller Policy: This field appears if you do not skip the Review page.  Enter Seller Policy or any customized text which you want to display on the Review page for the customer.

Developer Settings

If you are not getting all the available payment options, or not getting any option at all, then you enable Debug option to find an error(s). By enabling logging, you can trace the issue using log. The settings are as shown below:developer settings 1

  1. Logging: Enable the checkbox to troubleshoot the issue with your site.
  2. Override IPN URL: Enter the IPN URL so that you get notification from PayPal.

Click Save changes to save/update the plugin settings.

Checkout

Cart Page Checkout:

  1. Once the customer adds the required products to cart, it appears as given below:cart page checkout
  2. Click Check out with PayPal button.
  3. The PayPal Login page appears as shown below:paypal login
  4. The customer needs to enter the PayPal login credentials and pay the order amount. If the customer checks out with PayPal Credit Card, the customer needs to enter the credit card and billing details. Once it is done, the customer is directed to Review Page of Order ( if not skipped in Admin settings). The Review page appears as shown below:Review page Order 1
  5. The Customer can Place / Cancel the order by clicking the respective buttons.

Product Page Checkout: The customer can checkout directly from the product page. The product page appears as given below:product page

Next checkout steps are same as cart page checkout, please follow step 2 to place the order.

Regular Checkout: Once the customer adds the required products to cart and comes to the checkout page, it appears as given below:regular checkout

Click Proceed to PayPal and next steps are the same as cart page checkout, please follow step 3 to place the order.

In-Context Flow Checkout

  1. Once the customer adds the required products to cart, it appears as given below:cart in context
  2. Click Check out with PayPal button.
  3. The PayPal popup window appears as shown below:pop up in context
  4. The customer needs to enter the PayPal login credentials and pay the order amount.  Once it is done, the customer is directed to Review Page of Order ( if not skipped in Admin settings). The review page is as shown below:review page in context 1
  5. The Customer can Place / Cancel the order by clicking the respective buttons.

How to Capture Authorized payment from Order Page?

If the order is authorized to capture the payment, then the Capture option gets visible. To capture the payment, Admin needs to navigate to Dashboard > WooCommerce > Orders > Individual Order. The Order page appears as shown below:Order Capture

Under PayPal Express Action box, Click Capture to get the order payment.

This way the customer can place the order by Paying through PayPal securely.

Check out our PayPal Express Checkout Payment Gateway for WooCommerce.

WebToffee
WebToffee