The Arcive of Official vBulletin Modifications Site.

Widget - Donations / Forum Sidebar - Donations · **Released**: 12-20-2009

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

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

Configure your widget

Enter Static HTML;

HTML Code:

<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

Quote:

vbcms_widget_static_page
NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.

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

Files
- Download the attached zip file, extract it.
- Upload it's contents to your forum root.

Create a new template

Admin CP > Styles & Templates > Style Manager > Add New Template
Title

Quote:

vbcms_widget_donations

Template

HTML Code:

<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.

Create a widget
- ADMIN CP > vBulletin CMS > Widgets > Create New Widget
  - Widget Type: Static HTML
  - Title: Donations
  - Description: Widget for site donations.

Configure your widget

Enter Static HTML;

HTML Code:

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

Quote:

vbcms_widget_donations
NB. Change YOUREMAIL@paypal.com and www.YOURSITE.com in Static HTML to suit your needs.

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.

Scans007 · #62 07-19-2011, 05:17 PM

This rocks...thx a ton for the work put in! This is my 3rd day using vBulletin and setting it all up...flawless

The only note I might make is you say to drop it in the forum root folder, I needed to put the zipped stuff in the forums/images/cms to get it to show up properly.

awesome!

Athrun1234 · #63 07-20-2011, 09:19 AM

An excellent tutorial!!! Kudos to the creator!!!

K4GAP · #64 09-10-2011, 08:20 PM

Has anyone tried this on 4.1.5 ?

SarahScott · #65 09-11-2011, 05:27 AM

I can't get the CMS widget with TITLE to work. Just displays as the basic widget on 4.1.5

Smevans · #66 10-18-2011, 07:24 PM

Awesome love this!

Lombardo · #67 06-04-2012, 05:29 AM

Will this work on 4.2.0?

BlessedFWI · #68 06-04-2012, 06:44 AM

Quote:

Originally Posted by Lombardo

Will this work on 4.2.0?

I just added it and it seems to work. I had to upload the images on my server to the images/misc folder though for them to show up. Not sure why!

Lombardo · #69 06-09-2012, 01:25 PM

Quote:

Originally Posted by BlessedFWI

I just added it and it seems to work. I had to upload the images on my server to the images/misc folder though for them to show up. Not sure why!

Thank you.

JustAskJulie · #70 03-01-2013, 07:22 PM

I recently noticed that this widget tries to add a shipping charge to the users donation. Is there a way to disable this?

stevieb · #71 08-07-2013, 12:32 PM

Installed +1.

However - the code is actually wrong - if you follow method B the widget looks like this:

Attachment 145970

So in order to get it looking like the demo's in post 1 you need to edit the create template HTML from what was originally posted here:

Code:

<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>

To read like this version here (add the red element):

Code:

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

Which will then render the correct ending

Attachment 145971

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05240 seconds Memory Usage 2,361KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (2)bbcode_code (3)bbcode_html (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (2)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (4)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

2 благодарности(ей) от:
Judith2, SKIDROW

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!