Elementor PayPal Button Widget: Easily Accept Payments in WordPress

Last updated on

One feature or functionality you can add to your WordPress website is to accept payments of any kind. This can be done by integrating Payment services like Paypal.

There are several options for how you can add PayPal to your website, but the easiest and probably the fastest way is to install a plugin.

In this article, I will show you how to easily accept payments on WordPress with the Elementor PRO PayPal button widget.

What is an Elementor Paypal Button Widget

Elementor Paypal Button Widget is one of the many Pro features of the best page builder plugin for WordPress – Elementor.

The feature has been added with the release of Elementor’s version 3.2 just recently. With Elementor Paypal Widget you can now easily accept payments on WordPress without having to install an additional plugin.

Whether you want to sell a single product like an e-book, an online course, a fundraiser campaign, or sell a subscription-based service, this is absolutely for you. If you have used Elementor Pro already, update to version 3.2 to be able to use the PayPal Button widget. This can be a time-saving feature for most web developers, designers, and marketers.

What You’ll Need to Start Accepting Payments on WordPress

An active subscription to the Elementor Pro plugin is required to be able to use this feature which usually starts at 49/ year for a single website. The Pro version not only gives you the Paypal widget but also includes 90+ additional content elements/modules, 300+ additional page templates, 10+ full website template kits, theme builder, WooCommerce builder, popup builder, landing pages, and many more.

Here’s the current pricing of Elementor Pro as well as its complete list of features.

Elementor PRO plans and pricing

This is an annual subscription, so you also get 24/7 support and updates as long as you stay subscribed. Click here to get started with Elementor Pro

Accept Payments on WordPress with Paypal Button Widget

To get started, edit or create a new landing page for your product or services with Elementor. On the Editor screen, search for Paypal. Once you find it, drag and drop to the particular section where you want this button to appear. As you can see from the image below.

Setting up Paypal button widget in Elementor PRO

Here you’ll be presented with three setting blocks which include: Pricing & Payments, Button, Additional Options

The Pricing and Payments

The very first option is to set up your Paypal Account by filling in your email address. Then, you’ll need to select what particular Transaction Type are you going to make. Choose either Checkout, Donation, or Subscription. Depending on the selected type, the options below will be different. Let’s check each one of this. Checkout TypeThis particular type is very much useful if you are selling a single product like an e-book. With this type, you will have the following options: The Item Name is where you can specify the name of your item. Make it descriptive since this will be the name that the user will see once redirected to Paypal. There is also an option to use Dynamic Tags which you can use to easily select dynamic content.

Setting up Paypal email account for accepting payments

The next option is the SKU.  This is where you can set the SKU number or an item ID which is your unique identifier to make product tracking much easier. Again, this option also has Dynamic Tags which you can use. In Price and Currency is where you specify the amount of the product as well as the corresponding currency. By default, it is set to U.S Dollar. Feel free to select from the drop-down if you need to change it. Similarly, Quantity is where you will set the quantity and Shipping Price to set your shipping price if it is a physical product. Otherwise, just leave it 0. The last option for the Checkout Type is Tax. Here you can set it to none or percentage. If you choose the latter, you have to input the Tax Percentage.

setting up the percentage tax

Once again, if you want to use dynamic content just click on the Dynamic Tags icon. Donation TypeWith the Donation Type, you can set Any Amount and Fixed donation amount. This particular type is very much useful for fundraising campaigns and charities. Just like the previous type, you also have to specify the Item Name, SKU, and Currency for this type. With the Fixed donation amount, you have to set the fixed amount. Subscription TypeThe last transaction type is the Subscription Type. This type is commonly used in subscription-based products and services.

Here at WPMakeSite.com, I am providing services to business owners who need to have an online presence, website maintenance, upgrade, landing page design, and more. Clients can subscribe to my WordPress Maintenance Services & Support for as low as $129 per month. And now just like with the other two types, you need to add the Item Name, SKU, Price and Currency. You also have to set the subscription Billing Cycle to Daily, Weekly, Monthly, or Yearly by selecting from the dropdown. As well as an option to enable Auto Renewal.

setting up billing cycle and auto renewal in Elementor Paypal widget

The Button

The next part is the Button section where we can configure the button content options. Here you can name the button by typing in some text on the field. Add some icons to the button or simply use the default one. Next, you can adjust the icon spacing by dragging the slider to the right or typing in some specific value into the field. As well as changing its position from Before or After the button text.
setting up the Paypal button widget
You can also set an ID for this button if needed, just add a name or click Dynamic Tags if you want to populate dynamic content.

The Additional Options

The last section is the Additional Options where you can set the redirection after the user has successfully made the transaction.

setting up URL redirection after a success or completed transaction

All you have to do is type in the page name or paste a link to the field provided. For testing purposes, you can enable the Sandbox button and make sure to switch this off when going live. There is also an option for you to add custom messages by toggling the button to Yes.

Styling up the PayPal Button Widget

Once you are done configuring the necessary settings, you can switch to the Style tab to style up your PayPal button widget. Here you’ll be presented with two setting blocks which include: Button and Messages.

The Button block is where you can set up the widget typography of the button text. Specify font size, font style, font family, line height, etc.

styling up the Paypal button
You can also set the text color, add button background color, set the border type and border-radius, set the button box-shadow. Similarly, to add some effects to the button text and background, switch to by clicking the Hover button and set up appropriate settings. Next, there is also an option to set the padding which allows you to adjust the spacing around the button content. And lastly, further down below on the Messages block is where you can set up the color, typography, and Paypal not connected error messages.

customizing the Paypal Button messages

Once you are done editing the settings don’t forget to save your changes.

Wrapping Up

With Elementor Paypal Button Widget, you can now easily accept payments on your WordPress website for your products and services, donation and fundraising website, ebook, online course, and many more. The widget makes it super easy to add a Paypal button plus great customization options to match your business branding and design. If you still don’t have the plugin, now is the right time to get started.

Is there anything I missed? Let me know in the comment section below.

If you liked this article, then please subscribe to my YouTube Channel for WordPress video tutorials. You can also find me on LinkedInFacebook, and Twitter.

Our Most Popular Post Right Now!
Disclosure: Some of the links on this site are “affiliate links”, which allow me to earn a small referral payment if you choose to purchase the product or service.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Recommended Book: WordPress All-in-One For Dummies
Subscribe to Blog via Email
Enter your email address to subscribe to this blog and receive notifications of new posts by email.
This field is for validation purposes and should be left unchanged.

Don’t worry, we hate spam as much as you do.
Do you need help setting up WordPress?
I can help you with blog and site setup, full website build, performance & security, maintenance and support, and many more.
Recommended Web Hosting