Saturday, May 11, 2013

General

PayPal

To add a PayPal “buy now” or donation button to your post, page, or sidebar, follow the steps below.
Keep in mind that if you want to add a PayPal button to a widgetized area like a sidebar or footer widget, you’ll need to copy the code into a Text Widget. Just click the Text tab in your post editor and copy out the button code, then paste it into your Text Widget.

Here’s how to create the button:

  1. Go to http://www.paypal.com/login and log in to your PayPal account. (To access funds you receive through PayPal buttons, you need a Premier or Business account.)
  2. Click on Merchant Services in the main menu.
    Merchant Services Tab
  3. Find and click on the option for Create payment/buy now button. This option looks a bit different, depending on your country. The US and Canadian versions appear like this:
    Create payment buttons for your website
    Canadian Payment buttons
  4. If prompted, click Create a button
    Create a Button
  5. Create your button
    • Choose a button type from the dropdown, either Donations or Buy Now
    • Fill in the other fields – they will vary depending on button type
    • DO NOT check the box next to any of the customization options, like drop-down menus or text fields. If you select any of those checkboxes, you’ll generate a button that you won’t be able to use on WordPress.com.
    PayPal button configuration
  6. If you like, you can customize the button to use your own image.
    Optional: Use your own button image
  7. Click on Create Button.
  8. You will see now see two sets of code:
    • Website tab – provides HTML code
    • Email tab – provides a plain link
    Believe it or not, you do not want the the code for websites! WordPress.com does not let users post web forms so the website code would be stripped. You must use the link provided in the Email tab. This is the link that you’ll be attaching to your button image. Keep this window open, as you’ll need to copy that URL soon.
    PayPal email tab
  9. In a separate window or tab, open a post or page for editing.
  10. Switch to the Text editor.
  11. Add an image for people to click on. Below are some official PayPal buttons available to you. Copy any of the codes below or you can use your own image.
  12. Switch back to the Visual editor and you should see something similar to the screenshot below, depending on which button was used.
    Visual editor showing donate button
  13. Next, you need to add a link on your image. Copy the link provided in the Paypal Email area from Step 6 on this page. Click the image in your visual editor, then click the link icon link icon and paste the PayPal code into the Link URL field.
And that’s it! Preview or publish your post, and test your button to ensure that it’s working properly.

Button Images

Below you will find codes for some of the official PayPal button images for use on your site.
  • <img alt="Buy Now Button" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif" />
  • <img alt="Buy Now Button with Credit Cards" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" />
  • <img alt="Small Buy Now Button" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynow_SM.gif" />
  • <img alt="Donate Button" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" />
  • <img alt="Donate Button with Credit Cards" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" />
  • <img alt="Small Donate Button" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" />
  • <img alt="Make a Donation Button" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" />
  • <img alt="PayPal Donate Button" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" />
  • <img alt="Square Donate Button" src="https://www.paypal.com/en_US/i/btn/x-click-but11.gif" />

No comments:

Post a Comment