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.

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

Leave a Comment

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Join 500+ WordPress users receiving tips and insights on creating on WordPress with Elementor.

Hello.

How long have you been using WordPress? If you are an old WordPress user, then you have been a witness how WordPress has evolved massively. It has gone from a merely blogging tool into a comprehensive website builder. You can now use WordPress to create any type of website. From e-commerce website, LMS, listing website, membership website, to social media website.

Do you know what’s more interesting?

You can create your website with WordPress without touching a single line of code. At WP Pagebuilders, we write a lot about how to get the most out of WordPress in the no-code era. Subscribe and be first to know our newest content.