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

Accept PayPal Payment Using PayPal Smart 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 Smart Button Settings

Step 1: Enable the PayPal Payment Gateway and Smart Button

PayPal Smart Payment Buttons are rendered using the PayPal API. It allows customizing the smart buttons in different ways. The alternative payment methods accept payments by using local funding sources based on the country.

PayPal Payment Method - Smart Button
PayPal Payment Method – Smart Button

Using PayPal’s Smart Button, you can accept payment from customers using multiple Alternative Payment Methods (APM). With Alternative payment methods, customers can pay with their bank accounts, wallets, and other local payment methods based on country or device such as:

Step 2: Input the Client ID and Secret

To use the WooCommerce PayPal Smart Payment Button, you must have a PayPal business account. You can open Live or Sandbox accounts free of cost. 

PayPal Credentials
PayPal Credentials

To get the Client ID and Secret:

  • 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 the REST API Integration section and click Manage API apps and credentials. The REST API apps window opens up.
  • Click on the PayPal Developer experience link to create or manage apps. 
  • Next, click on the create a new app button. Then, input the application details.
  • Copy and paste the Client ID and Secret in the respective fields of the plugin.

Step 3: Customize the Smart Payment Buttons

Following are the customization options:

PayPal Smart Button Customization
PayPal Smart Button Customization

You get options to choose the Size of buttons as Small, Medium, Large or Responsive.

Choose from a set of predefined labels from PayPal to appear as Button labels. The available options are PayPal, Buy Now, Pay, Checkout.

PayPal Predefined Label Templates
PayPal Predefined Label Templates

Show or hide the Tagline on the checkout page. Note: The Tagline will be hidden for the Vertical layout.

PayPal Button Tagline
PayPal Button Tagline

Choose the Button color as Gold, Blue, Silver, White or Black.

PayPal Button Color
PayPal Button Color

Choose the Shape of the button as either Pill or Rect.

PayPal Button Shape
PayPal Button Shape

Layout for buttons can be either Vertical or Horizontal.

PayPal Button Layout
PayPal Button Layout

Disable a funding source by choosing it from the available options. Note: The funding sources are shown on the checkout based on country or device type.

Step 4: Save Settings

Scroll down the window and Save settings to get the payment buttons at the checkout.

Checkout using PayPal Smart Button

For the Alternative Payment Method to render, the cart currency must be in the supported currency. PayPal supports currency codes for the buyer countries unless otherwise stated.

Payment workflow:

  1. The buyer clicks on an alternative payment option from the cart, product or checkout page as per the settings. In the above example, for the United StatesPayPal Later, Debit and Credit Card, for Germany – SEPA, giro pay, Sofort, Debit and Credit Card and for the Netherlands – Online betalen, Sofort, Debit and Credit Card appears as alternative payment method.
  2. This will prompt the buyer to provide their personal information.
  3. PayPal transfers the buyer to an alternative payment provider (bank, wallet) to confirm the purchase.
  4. Authorizes and confirms payment by the buyer.
  5. Upon returning to the merchant’s site, the buyer completes the transaction.
  6. The merchant initiates payment completion. Following the payment, PayPal will send funds to the merchant.