vBulletin CMS Widgets - Widget - Donations / Forum Sidebar - Donations

A simple donation widget for use on your site, tested on vB 4.0 GOLD.

Can also be displayed on your Forum Sidebar. For instructions on adding it to the sidebar, please see the third post of this thread.

Basic


Title Image


How To Install Basic

1. Files
   • Download the attached zip file, extract it.
   • Upload it's contents to your forum root.
2. Create a widget
   • ADMIN CP > vBulletin CMS > Widgets > Create New Widget
     • Widget Type: Static HTML
     • Title: Donations
     • Description: Widget for site donations.
3. Configure your widget
   • Enter Static HTML;
     

     <div align="center">If you like our website and would like to give something in return, you can make a donation. All donations are gratefully received.
     <br /><br />
     <form action="https://www.paypal.com/cgi-bin/webscr" target="_blank" method="post">
       <div>
      <input type="hidden" name="cmd" value="_xclick" />
      <input type="hidden" name="business" value="YOUREMAIL@paypal.com" />
       <input type="hidden" name="item_name" value="www.YOURSITE.com Donation" />
       <input type="hidden" name="no_note" value="1" />
       <input type="hidden" name="tax" value="0" />
     <select name="currency_code">
     <option value="EUR">&euro; - EUR</option>
     <option value="GBP">&pound; - GBP</option>
     <option value="USD">$ - USD</option>
     </select>
       <select name="amount">
         <option value="10.00">10</option>
         <option value="15.00">15</option>
         <option value="20.00">20</option>
         <option value="25.00">25</option>
         <option value="50.00">50</option>
         <option value="100.00">100</option>
       </select>
       </div>
     <br />
     Select your preferred currency and donation amount, then click the donate button.
     <br /><br />
     <fieldset>
     <input type="image" src="images/cms/widget-donations_paypal.png" title="Pay via PayPal" alt="Pay via PayPal" />
     </fieldset>
        </form>
     </div>

   • Template Name
     

     vbcms_widget_static_page

   • NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.
4. Add widget to a page
   • ADMIN CP > vBulletin CMS > Layout manager > Edit
   • Insert the Donations widget and place it where you want it to appear

How To Install Title Image

1. Files
   • Download the attached zip file, extract it.
   • Upload it's contents to your forum root.
2. Create a new template
   • Admin CP > Styles & Templates > Style Manager > Add New Template
   • Title
     

     vbcms_widget_donations

   • Template
     

     <div class="cms_widget">
     	<div class="block">
     		<div class="cms_widget_header">
     		<h3><img title="{vb:raw widget_title}" src="images/cms/widget-donations_colour.png" alt="" />&nbsp;{vb:raw widget_title}</h3>
     		</div>
     		<div class="cms_widget_content" align="center">
     			{vb:raw static_html}
     		</div>
     	</div>
     </div>

   • NB. Change images/cms/widget-donations_colour.png to suit your needs.
     
3. Create a widget
   • ADMIN CP > vBulletin CMS > Widgets > Create New Widget
     • Widget Type: Static HTML
     • Title: Donations
     • Description: Widget for site donations.
4. Configure your widget
   • Enter Static HTML;
     

     If you like our website and would like to give something in return, you can make a donation. All donations are gratefully received.
     <br /><br />
     <form action="https://www.paypal.com/cgi-bin/webscr" target="_blank" method="post">
       <div>
      <input type="hidden" name="cmd" value="_xclick" />
      <input type="hidden" name="business" value="YOUREMAIL@paypal.com" />
       <input type="hidden" name="item_name" value="www.YOURSITE.com Donation" />
       <input type="hidden" name="no_note" value="1" />
       <input type="hidden" name="tax" value="0" />
     <select name="currency_code">
     <option value="EUR">&euro; - EUR</option>
     <option value="GBP">&pound; - GBP</option>
     <option value="USD">$ - USD</option>
     </select>
       <select name="amount">
         <option value="10.00">10</option>
         <option value="15.00">15</option>
         <option value="20.00">20</option>
         <option value="25.00">25</option>
         <option value="50.00">50</option>
         <option value="100.00">100</option>
       </select>
       </div>
     <br />
     Select your preferred currency and donation amount, then click the donate button.
     <br /><br />
     <fieldset>
     <input type="image" src="images/cms/widget-donations_paypal.png" title="Pay via PayPal" alt="Pay via PayPal" />
     </fieldset>
        </form>

   • Template Name
     

     vbcms_widget_donations

   • NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.
5. Add widget to a page
   • ADMIN CP > vBulletin CMS > Layout manager > Edit
   • Insert the Donations widget and place it where you want it to appear

-------------------------

Credits

• All images (except the PayPal one) are derived from www.famfamfam.com.
• The code to make this is fairly basic so feel free to modify to suit your own needs, but if you do use it then please click install. Thank you.

[Doctor Death]

Installed and works great... simple install.

THanks much

[THE__DRIFTER]

Guess I'm stupid... Following the instructions this will not work. Looking at the second pic; where did that code come from? I was hopeful but disappointed at the same time... Have not marked installed and can't until there is reason too. I hope I am missing something simple.

[linuxututs]

Originally Posted by THE__DRIFTER

Guess I'm stupid... Following the instructions this will not work. Looking at the second pic; where did that code come from? I was hopeful but disappointed at the same time... Have not marked installed and can't until there is reason too. I hope I am missing something simple.

I couldn't get it to work as it is supposed to either.
That's the reason I came up with a different way.
It can't get much simpler than adding that code to the bottom of your "vbcms_widget_recentforumposts_page" template.

Hope this helps you also.

Thanks,

P.S. Still have to upload the image though.....And the code I'm referring to is from My post up above..Thanks,

[JADM]

None of this is to take away from the work that IR15H put into this. I am not a coder and could not have done what he did, so kudos to him for sharing this.

That said, I was interested in getting a progress bar along with the donate button. So, I bought a $20 script from here.. I followed the installation instructions (took me 5 minutes), went to paypal.com to generate my code (5 minutes) and created a static HTML widget (5 minutes). The point is that it was very easy for me and I am by no means any type of guru on coding. My results are attached.

If you want to see it on my site, go here.

I am not criticizing the mod at all. And I am thankful for the instructions on adding to Forum sidebar...that is my next step!

[Rckcrwlr]

When I click to change the amount or anything else, it sends me to my profile page.

Did I miss something???

[COL NIL SATIS]

this is fantastic....nominated and rated 5!!! installed

[wayne.richards@]

SORTED! What A Great Mod!

[SuperGLS]

Great work!

If we we wanted to add Australian dollars to the list we'd just need to add a value like:

<option value="AUD">$ - AUD</option>

Right?

[Sax on the Web]

What about passing a parameter?
I have a need to to know donor's user name.
They often use different email for Payal than for forum registration.

thanks,

[messengermatt]

Originally Posted by Sax on the Web

What about passing a parameter?
I have a need to to know donor's user name.
They often use different email for Payal than for forum registration.

thanks,

That is a good idea i'd also like to know which forum members are donating- can it be incorporated into the actual invoice via an API ?