Back to Support Make Money PayPal

PayPal

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

Adding a PayPal Button

There are three steps to creating a PayPal button:

  1. Get your PayPal link
  2. Get the Button image link
  3. Put the links together to create a PayPal button.

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 logged into your PayPal account, go to https://www.paypal.com/buttons/ for 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 without a 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. Make any changes you want on the next page, 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
  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.

The PayPal Step 1 screen for choosing a button type and entering payment details.
  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.

  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, 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 Link

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 Image URL next to the image you want to use for your button, then proceed to step three to put everything together.

Donate button image
https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_74x21.png
Large donate button image
https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_92x26.png
Donate button with credit card icons below.
https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_cc_147x47.png
Donate with PayPal button
https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_pp_142x27.png
Buy Now button
https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif
Buy Now button with credit card icons below.
https://www.paypalobjects.com/webstatic/en_US/btn/btn_buynow_cc_171x47.png
Add to Cart button.
https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif

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 style="display:block;margin-left:auto;margin-right:auto;text-align:center" href ="YOUR PAYPAL LINK HERE">
<img src="IMAGE URL HERE" alt="Your alt text here" />
</a>
The HTML block with an example of the HTML code for the PayPal button displayed.

You’re done!

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!