How to Add a PayPal Button in Elementor

Updated: May 23, 2021

Recently, Elementor has just released the newest version of the pro version: Elementor Pro 3.2, which added three new features. One of which is the PayPal Button widget which you can use to add a PayPal button to a page without needing to install an additional WordPress plugin anymore. The widget is particularly useful if you often use Elementor to create landing pages for your campaigns. You can now add a PayPal button to your landing pages whether to accept donations or payments.

PayPal itself is the most popular payment service widely adopted by e-commerce sites around the globe. The ability to add a PayPal button — without installing an additional WordPress plugin — definitely makes Elementor one step ahead of other competitors.

How to add a PayPal button in Elementor

First and foremost, make sure you have upgraded your Elementor to the pro version if you haven’t done so as the PayPal Button widget is only available on the pro version. If you have used Elementor Pro already, update to the version 3.2 to be able to use the PayPal Button widget. The widget supports three transaction types:

  • Checkout
  • Donation
  • Subscription

One of the interesting things is that you can set a redirect URL after your visitors successfully made the payment. Thanks to this, you can directly sell something without installing WooCommerce or other e-commerce plugins.

To start adding a PayPal button in Elementor, first, edit the page you want to add the PayPal button to with Elementor. If you are new to Elementor, you can read our previous article to learn how to use Elementor. On the Elementor editor, add the PayPal Button widget to the canvas area.

Once the widget is added, you can go to the settings panel to make the settings. First, you can open the Pricing & Payments block under the Content tab. On the PayPal Account field, you can add the email address of your PayPal account. Select the transaction you want to accept on the Transaction Type option. On the Item Name, you can add the item you want to offer (e.g., charity donation). Fill out other fields accordingly (SKU, price, currency, quantity, shipping price, and tax).

Once done making the necessary settings, you can open the Button block to set the basic settings for the button. You can add the button text on the Text field, set the alignment on the Alignment option, set the icon (in case you want to use a custom icon) on the Icon option, and set the icon position on the Icon Position option.

Next, you can open the Additional Options block. From this block, you can add a redirect URL, enable the sandbox, and set a custom message.

Styling up the PayPal button

Once you are done making the necessary settings on the Content tab, you can switch to the Style tab to style up your PayPal button. There are two setting blocks you can open here:

  • Button

You can open this block to set the typography (font family, font size, font style, and so on) of the button text, set button text color, set the button background color, set the button border radius, and set the box shadow.

  • Messages

You can open this block to set the typography as well as the text color of the messages.

Update/publish your page once you are done editing it.

The bottom line

PayPal is a global payment service widely used by many e-commerce sites. The Elementor decision to provide the PayPal Button widget — which allows you to accept PayPal payment more effortlessly — is great. The widget will be extremely useful if you often create landing pages with Elementor as you can now add a PayPal button to accept payment without needing to make the complex settings.

Originally posted on: March 20, 2021

This page may contain affiliate links, which help support WP Pagebuilders.

Building a website is as fun as playing puzzle with Elementor

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This

Share This

Share this post with your friends!