Home > Docs > PayPal Express Checkout Payment Gateway for WooCommerce > Accept PayPal Payment using PayPal Express Button in a WooCommerce Store

Accept PayPal Payment using PayPal Express Button in a WooCommerce Store

Last updated on October 30, 2023

PayPal Express Checkout Payment Gateway for WooCommerce facilitates checkout using PayPal Smart Buttons and Express Buttons, which considerably reduces the number of clicks to complete the checkout process.

With the plugin, you can accept PayPal payments in two ways:

Payment types Steps to set up
PayPal Smart Buttons
  1. Enable the PayPal Payment Gateway and Smart Button
  2. Input the PayPal Client ID and Secret credentials
  3. Customize the Smart Buttons
  4. Save Settings
PayPal Express Buttons
  1. Enable the PayPal Payment Gateway and Express Button
  2. Input the PayPal API credentials
  3. Save Settings

PayPal Express Checkout Button Settings

Step 1: Enable the PayPal Payment Gateway and Express Button

When you integrate the PayPal Express Checkout Button, your buyers can quickly checkout using the shipping information and funding source already stored in their PayPal accounts. They don’t have to re-type any information— saving them time and reducing shopping cart abandonment.

PayPal Payment Method
PayPal Payment Method

Step 2: Input the API Username, API Password, and API Signature

Requires a PayPal Business account linked with confirmed identity, email, and bank account.

PayPal Credentials - Express Checkout Button
PayPal Credentials – Express Checkout Button

To get the API credentials:

  • Log in to your PayPal business account.
  • Get API Access credential in any of the two ways:
    • Go to Activity at the top of the page and choose API Access or
    • From Account settings > API Access.
  • Scroll down to NVP/SOAP API Integration (Classic) and click Manage API credentials.
  • Create keys if not done already. Else, copy the API Username, API Password, and Signature
  • Paste API Username, API Password, and Signature in the respective fields of the plugin.
PayPal Business Account - API credentials
PayPal Business Account – API credentials

Step 3: Customize the Express Buttons

Following are the customization options:

PayPal Express Checkout Button Customization
PayPal Express Checkout Button Customization

The settings are as shown below:

  • Show Express button on: Displays PayPal Express button on chosen pages.
  • Show Express Credit button on: Displays a PayPal Express Credit button on selected pages. By using PayPal Credit, store owners will receive the payment upfront but customers can opt for financing and pay over time.

The express button on the cart page will appear as shown below:

PayPal Express Button-Cart page
PayPal Express Button-Cart page

The express button on the product page will appear as shown below. The buyer can checkout directly from the product page. Clicking the Checkout with the PayPal button/ PayPal Credit will redirect the buyer to the PayPal site.

PayPal Express Button-Product page
PayPal Express Button-Product page
  • Description: Input description displayed above the PayPal Express button.
  • Type of Checkout: Select the type of PayPal checkout type. The available options are as given below:
    • Redirect to PayPal: Choose ‘Redirect to PayPal’ to open PayPal in the same window from the cart or checkout page.
    • In-Context Flow PayPal:   Choose ‘in-context flow’ to open PayPal in a new window from the cart or checkout page.

In-Context Flow Checkout

  1. Once the customer click the Checkout with PayPal button.
  2. The PayPal popup window appears as shown below:
  3. The customer will have to enter the PayPal login credentials and pay the order amount.  
In-Context Flow Checkout
In-Context Flow Checkout
  • Button Settings:
    • Position: 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).
    • 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
  • Style: 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.PayPal Express Button Style

Step 4: Save Settings

Checkout using Express button

The PayPal express button on the cart page will appear as shown below:

Express Checkout Button in Checkout Page
Express Checkout Button in Checkout Page
  1. The buyer can checkout directly from the product page or from the cart page.
  2. Then buyer can choose to pay using either Checkout with PayPal or PayPal Credit button.
  3. This will redirect the buyer to the PayPal Login page.
  4. The buyer 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. Finally, the customer is taken to the Review page(if not skipped in settings).
  5. The buyer can Place / Cancel the order by clicking the respective buttons.