Since version 3.2, Elementor Pro had a 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.
