To use PayPal Payments with the Modal Checkout, you need to enable specific settings.

Using the original interface

Note: PayPal Payments v3.0 introduced a new user interface. This new design is only available to publishers who installed the plugin after PayPal Payments 3.0 was released. Go here to see the steps for the updated interface.

Once PayPal has been connected to your site under WooCommerce Payments, make sure to check the settings following these steps:

  1. Under WooCommerce > Settings > Payments, click the Manage button next to PayPal.
  2. If it’s not selected already, click the Standard Payments tab.
  3. Check “Enable the PayPal gateway and more features for your store” at the top of the page:
  1. Under Saved Payments, set the Subscriptions Mode to “PayPal Vaulting”:
  1. Under PayPal Smart Buttons, ensure that the button is set to show at least in the “Classic Checkout” location. This should already be set by default, but if it’s changed it will cause the button not to appear in the modal checkout:
  1. Click Save Changes at the bottom of the page.
  2. Navigate to Dashboard > Pages, and edit your Checkout page.
  3. Confirm that the page is using the shortcode block with woocommerce_checkout wrapped square brackets, and not the Checkout block:
  1. Lastly, confirm that the PayPal button is yellow in the modal checkout, and not greyed out or the black default button style:

Customizing the PayPal buttons

If you would like to customize the appearance of the PayPal buttons using the original interface, there are some options built into the plugin. To use them:

  1. Under WooCommerce > Settings > Payments, click the Manage button next to PayPal.
  2. Under PayPal Smart Buttons, check “Customize smart button style per location.” This will enable some customization options at the bottom of the page.
  3. The modal checkout PayPal buttons can be customized by changing the settings under the Classic Checkout Buttons heading:
  1. Once you’re done making edits, click Save Changes at the bottom of the page.

Using the updated interface

Once PayPal has been connected to your site under WooCommerce Payments, make sure to check the settings following these steps:

  1. Under WooCommerce > Settings > Payments, click the Manage button next to PayPal.
  2. Click the ‘Activate PayPal Payments‘ button to connect it to your PayPal account.
  3. Once that’s done, click the ‘Settings‘ tab at the top:
  1. Toggle on the Save PayPal and Venmo under the ‘Save Payment Methods’ header. This will turn off Pay Later automatically – that’s okay, the two can’t be on at the same time and Save PayPal and Venmo is needed for recurring payments:
  1. Click the Save button in the top-right corner of the page.
  2. Switch to the Styling tab.
  3. Change the ‘Location’ dropdown to ‘Classic Checkout’, and confirm that ‘Enable payments in this location’. This is the default setting, but it should be checked if the button is not displaying in the modal checkout:
  1. Click the Save button in the top-right corner.
  2. Navigate to Dashboard > Pages, and edit your Checkout page.
  3. Confirm that the page is using the shortcode block with woocommerce_checkout wrapped square brackets, and not the Checkout block:
  1. Lastly, confirm that the PayPal button is yellow in the modal checkout, and not greyed out or the black default button style:

Customizing the PayPal buttons

If you would like to customize the appearance of the PayPal buttons using the updated interface, there are some options built into the plugin. To use them:

  1. Under WooCommerce > Settings > Payments, click the Manage button next to PayPal.
  2. Click the Styling tab at the top.
  3. Switch the Location to Classic Checkout, which will be used by the modal checkout.
  4. From there you can change the Button Layout (Vertical or Horizontal), Shape (Rectangle or Pill), Button Label and Color.
  5. When you’re done, click Save in the top-right corner.
Support Home

Required PayPal Payments Settings

Reader Revenue Table of Contents