Tutorials & Resources [Comprehensive Guide] Paypal Donation Form

Hello Guys! I think I'm on the right forum to post this small guide.

What's is this all about?
This guide will simply show you a simple html code that will display a donation form for your site. You can put this on your sidebar(depends on the site layout, it may get displace) or in a new page.

Requirements?
Simple understanding of HTML structure
Blogger, Wordpress Premium, Hosted Sites

Steps (With options):
1. Log-in to your Paypal account.
2. Go to your settings [gear icon]. And find your merchant ID if you have one or your primary email address.
3. View the code below:

Code:

<center><p><big><b>Make a Donation to Alpha and Omega Translations</b></big><br />
Fill out the form to get me a coffee or sponsor a novel.</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="FPV75BCZLTPQ4">
 
   <input type="hidden" name="item_name" value="Alpha and Omega Translations Donation">
 
   <!-- Choices -->
       <input type="hidden" name="on0" value="Coffee or Sponsor?"><strong>Coffee or Sponsor?: </strong>
           <select name="os0">
                   <option value="Coffee">Coffee </option>
                   <option value="Sponsor">Sponsor </option>
           </select><br /><br />
       <input type="hidden" name="on1" value="Sponsoring? What novel?"><strong>Sponsor? What novel?:</strong> <input type="text" name="os1" placeholder="Titan Academy,etc"><br /><br />
   <!-- Choices End -->

    <strong>How much do you want to donate?: $</strong><input type="text" name="amount" placeholder="0.00"></input>
 
    <input type="hidden" name="no_shipping" value="0">
    <input type="hidden" name="no_note" value="1">
 
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="lc" value="PH">
    <input type="hidden" name="bn" value="PP-BuyNowBF:btn_paynowCC_LG.gif:NonHosted">
 
<!-- Return and Cancel redirect[Optional] -->
<input type="hidden" name="return" value="http://alphaandomegatranslations.blogspot.com/p/thank-you-for-donation.html">
<input type="hidden" name="cancel_return" value="http://alphaandomegatranslations.blogspot.com/p/thank-for-considering.html">
<!-- RCR End -->
    <br /><br />
    <input type="submit" value="Donate using PayPal!">
</form></center>

4. The important syntaxes you need to change are below:

Code:

<input type="hidden" name="business" value="[Enter your Merchant ID here or your Primary Email]">

<input type="hidden" name="item_name" value="[Change this to whatever name you want]">

<input type="hidden" name="lc" value="[Country Code? e.g: UK, US, PH]">

<input type="submit" value="[Change to whatever text you want] ">

5. The optional syntaxes to change/add:

Code:

<!!-- You can change USD to whatever currency you like that is accepted by paypal -->
<input type="hidden" name="currency_code" value="USD">

<! -- You can add this if you want to. You just need to create a page and copy the link -->
<input type="hidden" name="return" value="[Paste your link here]">  <!-- This will redirect the donator to a page on your site after donating.
<input type="hidden" name="cancel_return" value="[Paste your link here]">

6. Don't touch the other syntaxes not listed above.
7. Extras:

Code:

<!-- Choices -->
       <input type="hidden" name="on0" value="Coffee or Sponsor?"><strong>Coffee or Sponsor?: </strong>
           <select name="os0">
                   <option value="Coffee">Coffee </option>
                   <option value="Sponsor">Sponsor </option>
           </select><br /><br />
       <input type="hidden" name="on1" value="Sponsoring? What novel?"><strong>Sponsor? What novel?:</strong> <input type="text" name="os1" placeholder="Titan Academy,etc"><br /><br />
<!-- Choices End -->

If you want to change the choices, just simply replace the text. Don't forget to change also the text inside value.
If you want to add more options just simply add:

Code:

 <option value="[text]">[text]</option>

If you want to remove the the <i>Sponsor? What novel?</i> and replace it with another options. Just simply delete this syntax:

Code:

 <input... name="on1" value="Spon...">Sp...</input>

and do this, change the value and option to what you want:

Code:

<input type="hidden" name="on0" value="Coffee or Sponsor?"><strong>Coffee or Sponsor?: </strong>
           <select name="os0">
                   <option value="Coffee">Coffee </option>
                   <option value="Sponsor">Sponsor </option>
           </select><br /><br />
<input type="hidden" name="on0" value="Coffee or Sponsor2?"><strong>Coffee or Sponsor2?: </strong>
           <select name="os0">
                   <option value="Coffee2">Coffee2 </option>
                   <option value="Sponsor2">Sponsor2 </option>
           </select><br /><br />

If you have a Donation Button created then do this:

Code:

<input type="image" src="[direct link of your donation button" border="0" name="submit" alt="[this is optional. This will only show a text when you hover your mouse over the button.]">

and remove this:

Code:

<input type="submit" value="Donate using PayPal!">

8. That's it. You just need to type this as html in your site.

Sample: http://alphaandomegatranslations.blogspot.com/p/donate-to-aot.html

Post your questions, clarifications, corrections, etc. so that I can answer you and change some things on my post.

I'll be posting some time later the code for just simply a donation form with just an input of amount and button with no options.

But for now, I need to sleep. I still have a 12:00PM class. Urgghh... My head hurts.

Ciao!

Currently: 5:00AM GMT+8

 

the sample's gone

 

1. Copy the code.
2. Paste into notepad.

3. Add <html><body> before it.
4. Add </body></html> at the end.​

5. Save file as .html
6. Open it in your browser.

Modern browsers should open it correctly without 3-4.