General

PayPal

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

The instructions outlined below are a little different from what PayPal suggests. This is because we restrict certain code on sites that don’t have the Business plan or higher.

However, the following instructions will allow you to set up a PayPal button on your site, without the need to upgrade.

Alternately, the Pay with PayPal feature (no coding required) is available on the WordPress.com Premium and higher plans on WordPress.com and on Jetpack sites running version 5.2 or higher.

Table of Contents

Summary - Adding a PayPal Button

There are two things we need for a PayPal button:

  • The PayPal Link
  • The Button image URL

Before getting started, please note that PayPal’s interface is different from country to country. Depending on where you are logging in to PayPal from, you may need to do some investigation to find the exact location of the PayPal Links.

Once we have both the PayPal Link and the Button image URL, we’ll use the following code in a Custom HTML block or HTML widget to create the embedded button:

<a href="YOUR PAYPAL LINK HERE">
<img src="IMAGE URL HERE" alt="Your alt text">
</a>


When adding a PayPal button to your post, page, or sidebar, you’ll first need to get a PayPal link code from your PayPal account:

  1. Go to http://www.paypal.com/login and log in to your PayPal account.
  2. Once you are logged into your PayPal account go to https://www.paypal.com/buttons/ to see a list of buttons you can add.
PayPal Button Options

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

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

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

  1. In https://www.paypal.com/buttons/ click on the Donate option.
  2. On the next page, make any changes you want, then choose Continue.
PayPal Donate Button - Step 1
Leave the PayPal button style as the default setting.
  1. Next, choose whether you want your account name or email address to be the listed organization they’ll be donating to.
PayPal Donate Button - Select Account ID or Email Address
  1. Then choose the currency type and amount donors can give. Then select Finish and Get Code.
PayPal Donate Button - Step 3 - Amount to donate
  1. On the next page, choose Shareable URL from the menu at the top. Then select Copy to Clipboard to copy the URL.
PayPal Shareable URL option

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?...

  1. Paste your Shareable URL into notepad or another text editor for use later.
  2. Jump to Step 2 – Getting the Button Image.
Buy Now, Add to Cart, Subscribe, Automatic Billing

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

  1. In https://www.paypal.com/buttons/ click on one of the following options:
    • Buy Now
    • Add to Cart
    • Subscribe (requires a PayPal Premier or Business account)
    • Automatic Billing (requires a Paypal Premier or Business account)
  2. Fill out the Item Name, Price, Shipping, Tax, and other fields.

Do not select any Customize button options, like drop-down menus, or additional text fields.

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

If you do not see the Email tab shown in the screenshot above, make sure you have not added any customizations to the button.

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

  1. Paste your Email Link into notepad or another text editor for use later.
  2. Jump to Step 2 – Getting the Button Image.
Sell on Social
  1. In https://www.paypal.com/buttons/ click on Sell on Social.
  2. Click Add product to create a new PayPal product.
  3. Add the required photo, product name, product description, amount, and shipping rate.
  4. Optionally, configure the Taxes section.
  5. Click Create.
PayPal - Sell on Social

  1. Select the Get link button on the next screen to copy your link to your clipboard.
  2. Paste your Email Link into notepad or another text editor for use later.
  3. Jump to Step 2 – Getting the Button Image.

Step 2 – Getting the Button Image

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

Next, you’ll have to choose a button image below. Copy the HTML code next to the image 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://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif" alt="Buy Now button" />
<img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_buynow_cc_171x47.png" alt="Buy Now Button with Credit Cards" />
<img src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" alt="Add to Cart" />

Step 3 – Putting it All Together

Once you have the PayPal Link from step one, and the image URL you want to use for step two, it’s time to put them together!

First, add a new Custom HTML block inside your post or page. Then, use the following code:

<a href="YOUR PAYPAL LINK HERE">
<img src="IMAGE URL HERE" alt="Your alt text here">
</a>

  • Replace YOUR PAYPAL LINK HERE with the link you got in Step 1
  • Replace IMAGE URL HERE with the image URL you chose in Step 2
  • Feel free to add alt text for “Your alt text here”. This is the text that will display in the event the image cannot be displayed.
  • Remember to leave the quotes around both links and the alt-text!
HTML Block

You’re done!

You can use the HTML code in other areas of your site, such as as sidebar or footer widget area! Just add the code to a Custom HTML widget.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help