Introduction

This tutorial teaches you how to create a paypal button and add it to a page on your site.

Overview

The process is as follows:

• Create the paypal button on paypal
• Get the HTML code from paypal
• Paste the HTML code onto a page on your Kibbles site

Procedure

Here's how it is done in detail:

First you will create the paypal button.

1. Log in to your paypal account
2. Click on Merchant Services
3. Under the "Create buttons" header, click on the type of button you wish to create.
4. Edit the information the button requires
5. Review the "optional" sections to see if you would like to change any of those
6. Click "CREATE BUTTON"
7. You will see a page that displays the HTML code for the button.  It looks like:
   <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="A5JMTK5ZY5BTW"> <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form>

Next, you will get the HTML code

1. You are still on the page where you are viewing the HTML code for the button.
2. Click on the "Select Code" 
3. Right click on the highlighted code, and click "Copy", or use your keyboard "copy" command (e.g. Ctrl-C or Apple-C)
4. Now the code is ready to paste into your website

Finally, you will paste the code into your website.  This step requires you to use the HTML editing feature of the editing toolbars:

1. Go to the page you wish to insert the button on (or create a new page with Content -> Create Content -> Page)
2. In the "Body" editor, find the place you would like to put your button.  Note the words right next to this place.
3. Find the "HTML" icon in the toolbar and click on it.  A window will open up showing you the HTML code for the site.
4. Click the place you would like to insert the button.  You will have to find the words among the code that you noted from step 2.  Place your cursor there.
5. Right click on that spot and click "Paste" or use your keyboard "paste" command (e.g. Ctrl-V or Apple-V).  You will see the HTML Code from the Paypal site pasted into the HTML Code of your editor.
6. Click "Update".  The HTML Code window will close and you should see your paypal button.
   
   
   
7. Click "SAVE" at the bottom to save your page.