Add a PayPal “Buy Now” Button to WordPress

Adding a PayPal button to your site is one of the easiest (and fastest) ways to take payments or collect donations with your WordPress installation.

In today’s Daily Tip, we’ll show you how to quickly add a PayPal button to your site using the standard post/page editor.

To start, you’ll need a PayPal account. You’ve got one of those right? If not, head over to PayPal and get started – it’s free!

If your site is business related, take a moment to sign up for a business account with PayPal. That’s free too, but it will give you more flexibility when it comes to taking money and donations. You’ll need a company checking account to link up, but once you verify that any temporary holds or limits PayPal might have will be removed and it will be clear sailing (or clear selling!).

PayPall Selling Tools

Inside your PayPal account, in the second level menu bar, hover over the word “Profile” and additional options will drop down.

Click “My Selling Tools” and you’ll be brought to another options screen. The third option down “PayPal Buttons” is what we want. Click the associated “Update” button all the way to the right column.

If you’ve never created a button, this area will contain 3 sample buttons to get you started:

  • Sample Buy Now Button
  • Sample Add to Cart Button
  • Sample Subscription Button

These are the 3 most popular button types, which is why they are placed there for you, but we’ll be creating a new one from scratch.

Click the “Create New Button” link to the right – this brings you to the graphical button layout page.

Step 1: Button Type and Payment Details

PayPal makes 7 button types available for you ranging from the standard shopping cart (Add to Cart) to buy now, donate, and more.

A summary of those buttons is included in the image below:

PayPal Button Options and associated graphics

I’d like to change the standard cart button to a “Buy Now” button so I make that change in the button type drop down box – the very first one on this screen. Let’s assume we’re creating a button for a company that sells custom bicycles for kids.

Item name and ID

You’ll want to create an item name and give it an ID. This shows up in the payment screen when your customer clicks on your button to buy this item.

It should be descriptive enough so they know exactly what they’re getting, but short enough not to confuse anyone too.

In the item name box I chose “Red Rider 4000 BMX Bike” with an ID of 001, since it’s my first item.

Price

This box should be self-explanatory – it’s the price for the item named in the previous step. I chose $100.

Customize Button

In this section we have the ability to customize the look of our button. We can add different price options, text fields for leaving notes, and we can even customize the text used on the button or supply our own image.

We’re going to stick with the standard buy now button displaying the credit card logos beneath it, and move on.

Shipping and Tax

Since we’re an online company we will have to pay to ship the item. We know shipping anywhere in the US will cost $25 or less, so we’ll set our shipping to that amount.

My local taxing authority sets my tax rate at 8%, so I use that figure.

If you’re not sure what your numbers should be check with the Postal Service or your favorite shipping company and call your local taxing authority. These numbers are completely optional – you don’t need to use them at all. If you’d rather not list numbers here, make sure you build some cushion into your product price just in case you have to pay shipping and taxes later down the road.

Merchant ID

When you create a PayPal account you are automatically assigned a secure merchant ID which is referred to for your customer’s contact needs. You can also choose to make your email public here.

I choose the default option – use secure merchant account ID.

That’s it for step one. If we wanted to, we could stop here and have a fully functioning button. But we’re going to continue with a few other options. A summary image of all the options we selected is shown below.

Step 1 of Creating a PayPal Buy Now Button
Click image to view full size

Step 2: Track Inventory, Profit and Loss

Steps 2 and 3 are optional, but they do give us some additional functionality.

The default option to save button at PayPal should be checked.

I will track inventory so I click that option as well. Below, the Item ID is pre-filled and I’ll enter “20” for quantity in stock and “5” for alert quantity.

That tells PayPal that I’m starting with 20 bikes, and it should send me an email alert when I get down to only 5 bikes left.

I’ll check the final radio button here and make sure “No” is selected, disallowing customers from purchasing items when it is sold out.

In the text box below that I’ll enter my domain name so that if my product is sold out, my potential customer is taken back to my site, and not left stranded on PayPal’s site. You can enter your domain name here.

A summary image of the Step 2 options is shown below.

Step 2 of Creating a PayPal Buy Now Button
Click image to view full size

Step 3: Customize Advanced Features

This step lets you get really customized with your button.

You have the option to let your customer change quantities in the checkout cart, send you special instructions, and to take your customer’s shipping address at checkout.

We leave all these options as default, paying attention to make sure shipping address is checked “Yes” because we’ll need that info to ship our product.

Success and Cancel URL Redirects

It’s always a good idea to enter URLs in these two boxes, so that whether your customer completes his or her purchase or cancels it, you can take that person back to your website.

This will require you creating two custom pages on your site. I like to create a success/thank you page with a nice note, telling them their bike is paid for and it’s on the way. You can also give them some shipping timelines.

The cancel URL gives me a second chance to reel them in. They will arrive at this page if they click on my Buy Now button but then change their mind and abandon the cart before purchasing. Once on my cancel page, I remind them about how cool the product is, and maybe even offer them another chance to buy. Of course, we’ll add our PayPal button (once complete) to that page too.

After we’ve finished adding our URLs here, click the “Create Button” button and we’re done.

A summary image of Step 3 settings is shown below.

Step 3 of Creating a PayPal Buy Now Button
Click image to view full size

Copy Your Button Code

At this point, you’ll be taken to the button code screen and given the HTML code for your PayPal button.

You’ll also see what your finished button looks like to the right of that code.

If everything looks ok, copy the code and head on over to your WordPress site.

Placing the PayPal Button on your Site

Armed with the PayPal code, visit the post or page on which you wish to place that button.

Mine happens to be a nice page I created showing off the Red Rider 4000 BMX Bike.

Using the post editor screen, click on the Text Tab to expose the post’s html code (HTML Tab – WP v. 3.4 and below).

Place your cursor where you want the PayPal button to appear and copy it straight in.

Click save and you’re all done.

Your finished product will look something like this:

Product Page showing PayPal “Buy Now” button.
Click image to view full size

When someone clicks on your button, they will be taken off your site momentarily to a PayPal secured checkout screen where he or she can pay for the item.

PayPal checkout screen.
Click image to view full size.

You can create an unlimited amount of buttons for your site, or for use in email too. Experiment with changing types, and text. PayPal will save all your buttons, keep track of their ID’s, and even give you an account summary telling you how each button performs.

Now, all that’s left to do is check your account balance screen and wait for the sales to come rolling in.

Good luck!

Comments (7)

  1. Nice clear tutorial. Can I suggest rather than pasting the PayPal code directly into the HTML of the page or post, especially if using multiple PayPal buttons on the same page/post, that you use the Global Contents Block plugin (http://wordpress.org/extend/plugins/global-content-blocks/) to create a shortcode for each button and then add the shortcode to the page/post instead?

    This will prevent any issues if the editor strips out code, or variables changing by themselves to unique values if pasting in code for multiple buttons.

  2. If you don’t mind I would like to point your readers also to Santu buy now buttons, which are compatible with PayPal. Instead of lengthy code they are based on simple links such as http://oranges.santu.com.

    These can be added to text or images, just like any other link, of course, giving you a lot of design freedom. They will work like a buy now button or link wherever used.

    You can even add an integrated pop-up shopping cart WordPress websites by adding a simple line of code.

    A big advantage of these buy now buttons is that because they are based on simple links you can use them anywhere, ranging from blogs to websites, SMS, chats and more.

  3. Great clear article. Thanks

    We are running a support forum for small e-tailers for a little more exposure. Is it possible to add Payal buttons from different users on the same site so that if a buyer clicks the “Buy Now” button on the DVD the money would go to “Joe Bloggs” because he is selling the DVD. Then if another buyer clicks the “Buy It Now” button on the teddy bear, the Money would go to “Jane Smith” because she is selling the teddy bear.

    We are talking about small scale here. Just wondering if PayPal can work that way?

    Obviously Joe and Jane would have their own PayPal accounts and create their own buttons

    Ron

    http://www.retail-directory.com

  4. “Is it possible to add Payal buttons from different users on the same site so that if a buyer clicks the “Buy Now” button on the DVD the money would go to “Joe Bloggs” because he is selling the DVD.”

    I have done exactly this, so yes.

    The trick is that one builds the button while inside the recipient’s Paypal account.

    So, if you want the button-next-to-the-DVD to payJoe Bloggs and the button-next-to-the-teddy-bear to pay Jane Smith, then…

    1. You log into Paypal under Joe Bloggs’ account, and build the button you need. Copy the code into your HTML.

    2. Log out.

    3. Log in as Jane Smith and build a button for the teddy bear. Copy the code into your HTML.

Participate