How To Add Paypal Buttons On Wordpress

With some HTML code and a unique link from PayPal, you lot can add a Donate or Purchase Now button to your site.

The instructions on this page will guide you through it step by step. The instructions are a fiddling different from what PayPal suggests, because we restrict certain code on sites that don't take plugins enabled.

💡

The Pay with PayPal block (no coding required) is bachelor on sites with the WordPress.com Pro and legacy Premium, Concern, and eCommerce plans, and on Jetpack sites running version 5.2 or college.

Table of Contents

Summary - Adding a PayPal Button

There are two things we need for a PayPal button:

The PayPal Link
The Push image URL

Before getting started, please annotation that PayPal'due south interface is different from land to state. Depending on where yous are logging in to PayPal from, you may demand to do some investigation to detect the exact location of the PayPal Links.

In one case we accept both the PayPal Link and the Button paradigm URL, nosotros'll prove y'all how to put together a special lawmaking to create the PayPal button.

Footstep 1 – Get your PayPal Link

When calculation a PayPal button to your post, folio, or sidebar, you'll first need to get a PayPal link code from your PayPal account:

Go to http://www.paypal.com/login and log in to your PayPal account.
One time yous are logged into your PayPal account go to https://www.paypal.com/buttons/ to see a listing of buttons you can add together.

Your listing of buttons may await slightly unlike from the screenshot above. You are looking for the option to create a new button within your PayPal account.

The following instructions will piece of work for all buttons except the Smart Buttons. Smart Buttons require you lot to use JavaScript, a code restricted on sites that practise not have the WordPress.com Business plan or higher.

Select the type of button you lot want to add to go directly to the instructions.

Donate Push

In https://www.paypal.com/buttons/ click on the Donate pick.
On the next folio, make whatsoever changes you want, then choose Continue.

PayPal Donate Button - Step 1 — Leave the PayPal push manner equally the default setting.

Adjacent, choose whether you want your business relationship proper noun or email address to exist the listed organization they'll be donating to.

PayPal Donate Button - Select Account ID or Email Address

Then choose the currency type and amount donors can give. Then select Terminate and Get Code.

PayPal Donate Button - Step 3 - Amount to donate

On the next folio, choose Shareable URL from the carte at the pinnacle. And then select Copy to Clipboard to re-create the URL.

In some cases, you may not see a Sharable URL tab. Instead, look for an Email tab.

You're looking for a link that usually starts with https://www.paypal.com/cgi-bin/webscr?...

Paste your Shareable URL into notepad or another text editor for utilize later.
Bound to Step 2 – Getting the Button Image.

WordPress.com offers the selection to accept recurring payments and restrict content based on subscriptions through our Payments characteristic.

In https://www.paypal.com/buttons/ click on i of the following options:
- Buy At present
- Add to Cart
- Subscribe (requires a PayPal Premier or Business account)
- Automated Billing (requires a Paypal Premier or Business business relationship)
Fill up out the Particular Name, Price, Aircraft, Taxation, and other fields.

Practice non select whatever Customize push button options, like drib-downwards menus, or additional text fields.

Click on Create Button.
On the Add your button code to your webpage screen, click on the Email tab.

If you practice not see the Email tab shown in the screenshot in a higher place, make sure you have non added any customizations to the push.

You're looking for a link that usually starts with https://www.paypal.com/cgi-bin/webscr?... or https://world wide web.paypal.com/donate?hosted_button_id=...

Paste your Email Link into notepad or another text editor for use later.
Jump to Step 2 – Getting the Button Image.

In https://world wide web.paypal.com/buttons/ click on Sell on Social.
Click Add product to create a new PayPal production.
Add the required photo, product name, product clarification, corporeality, and shipping rate.
Optionally, configure the Taxes section.
Click Create.

Select the Go link push on the side by side screen to copy your link to your clipboard.
Paste your Email Link into notepad or another text editor for use afterwards.
Bound to Step 2 – Getting the Button Image.

Pace 2 – Getting the Push Prototype

Paste your link from Step 1 into a text editor or other safe place so that yous don't lose it when you copy the following button code.

Next, you lot'll have to choose a button image below. Copy the HTML code side by side to the paradigm you want to use for your button, then proceed to step three to put everything together.

              <img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_74x21.png" alt="Small Donate Button">

              <img src= "https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_92x26.png" alt="Donate Button" />

              <img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_cc_147x47.png" alt="Donate Button with Credit Cards" />

              <img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_pp_142x27.png" alt="Donate with PayPal"/>

              <img src="https://world wide web.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif" alt="Purchase Now push button" />

              <img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_buynow_cc_171x47.png" alt="Purchase Now Push with Credit Cards" />

              <img src="https://world wide web.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" alt="Add together to Cart" />

Step 3 – Putting it All Together

One time you lot take the PayPal Link from stride one, and the image URL you want to use for step 2, it'due south time to put them together!

Starting time, add a new Custom HTML block inside your mail service or page. Then, utilise the following code:

          <a style="display:block;margin-left:automobile;margin-right:auto;text-marshal:eye" href ="YOUR PAYPAL LINK Hither"> <img src="Paradigm URL HERE" alt="Your alt text hither" /> </a>

Supervene upon YOUR PAYPAL LINK Hither with the link you got in Pace 1
Replace the entire line from <img to /> with the push code you chose in Step ii
Add together alt text for "Your alt text here" to depict the button.
Remember to leave the quotes effectually both links and the alt-text!

You're done!