Elementor PayPal Button Widget Tutorial

Elementor PayPal Button Widget Tutorial

Learn how to add the Elementor PayPal button widget to a WordPress website! Step-by-step tutorial to accept payments or donations seamlessly.

Table of Contents

Install and activate Elementor Pro

To add a PayPal button, you need the Pro version of Elementor, which you can purchase for a few dollars per month.

This gives you many more useful options at your disposal, as I have already explained in previous videos.

As you can see, I have already installed and activated Elementor Pro.

In another video I have also explained step by step how to do this, but in short it is simply downloading the Elementor Pro plugin from the Elementor site and you can then upload it to WordPress.

Make sure you have the free version of Elementor and also the Pro add-on activated for your website.

Install and activate Elementor plugin for WordPress

Select a WordPress Page or Post

Now you can select a page or post to add the Paypal button. For this example, I’m going to select the homepage, so I’ll go to Pages in the left menu and click on Pages.

Then I go to the homepage and click on the Edit With Elementor option to open the Elementor editor.

Open Elementor editor

Add Elementor PayPal Button widget to WordPress website

After the page has loaded, you can click on the icon with the 9 dots on the left to view the overview of all widgets.

The widgets are organized by category and here you can also see that there are many useful widgets that you can use for your website.

Now go to the Pro category and go to the PaypPal Button widget at the bottom of the section.

Here you can select the PayPal button widget and place it on the canvas simply by dragging it there.

Drag Elementor Paypal button widget to WordPress page or post

As you can see the Elementor PayPal button widget is now displayed on the page and by default it’s aligned to the left.

Elementor Paypal button widget added

Elementor PayPal button  widget settings

Now you can see that the button has been added to the canvas.

I will first show you a number of styling options, for example you can make the button larger or smaller by going to the Style tab.

Click on the pencil icon at the top of Typography.

With the slider you can set the Size and the size of the button.

Here you can also set the font Family and there are also options for setting the Line Height, Letter Spacing and Word Spacing.

button size settings

Under the Style Settings you can also easily adjust the color of the button with the Color option.

Under the Style Settings you can also easily adjust the color of the button and text with the Text Color and Color options.

Button Color

Link PayPal button in WordPress to PayPal account settings

Go to the Content Tab to link your PayPal account to the button.

Here you will see the PayPal Account option at the top and there you can enter the email address that is linked to your PayPal account.

You will also see the message: Transactions made through your PayPal button will be registered under this account.

So, make sure you have entered the correct email address.

Elementor Paypal button integration

There are also several other useful options at your disposal.

For example, you can set the Transaction Type, with Checkout selected by default. Here you can also choose the Donation or Subscription options if that suits you better.

You can optionally enter a SKU number, which stands for Stock Keeping Unit and is a unique number assigned to products, and you can also leave this field empty if it is not applicable.

It is also possible to set a Price and Currency.

Below this there are also options for Quantity, Shipping price and Tax.

Button settings

In the Button options you can change the text from Buy Now to something else if you wish.

You can also set the Alignment here and whether you want to show an Icon in the button.

If you want, you can also adjust the position of the icon with the Icon Position option.

settings

In the Additional Options you can set a page that should be shown when payment has been made.

And here you also have options for Sandbox and whether you want PayPal to open in a new tab. I would just leave it that way so that visitors stay on your website.

The last option is to set custom messages. By selecting the option, you can see the default messages for different scenarios, and if you want you can also adjust them.

more settings
more settings

Save setttings

After you have finished all the settings, you can click the Update button at the bottom left to save everything.

save settings

Now you have added a PayPal button to your WordPress website that is ready to use!

You can also watch the tutorial on YouTube via this link

If you find this tutorial useful, you can support me by liking the tutorial on YouTube and subscribing. There are many more useful tutorials on this website and on the YouTube channel.

See you in the next one!