DONATENIC: Amazing Donation Button Customization




DEMOS



DEFAULT
$("#default").donation();

Donate
FULL FUNCTIONAL
$("#full").donatenic({ textColor: 'white', textColorOver: 'white', backgroundColor : 'orange', backgroundColorOver : 'red', fontSize : 24, icon: 'fa fa-beer', paypalMail: 'test@paypaladdress.com', paypalCurrency: 'USD', fontFamily: 'Verdana', amount: 10, editable: false, loading: true minAmount: 5, showAmount: false, minAmountMessage: "Please donate at least $5 !", zeroAmountMessage: "Donation can not be zero!" });
Buy me a beer


PARAMETERS


textColor
This parameter sets the text color of the button. Default is #fff which means white. You can write a hexadecimal value or color name ('#F00' , white , green , etc.).

textColorOver
This parameter sets the text color when mouse is over the button. Default is #fff which means white. You can write a hexadecimal value or color name ('#F00' , white , green , etc.).

backgroundColor
This parameter sets the background color of the button. Default is #e22092 which means pink. You can write a hexadecimal value or color name ('#F00' , white , green , etc.).

backgroundColorOver
This parameter sets the background color when mouse is over the button. Default is #c81e82 which means darker pink. You can write a hexadecimal value or color name ('#F00' , white , green , etc.).

fontSize
This parameter sets the font size of the button text. Default is 12 pixels. You can write any number as font size.

icon NEW
This parameter allows you to put an icon into the button. If you include font-awesome, bootstrap or any icon library in your code, you can easily place an icon into the button.

fontFamily
This parameter sets the font family of the button text. Default is Arial. You can write any font family you wish ('Verdana' , 'Helvetica' , 'Times New Roman' , etc.).

paypalMail
This parameter sets the paypal account's e-mail address. Please write your paypal e-mail address in order to receive donation to your paypal account. If you don't have a paypal account yet, you can create your free paypal account on this page.

paypalCurrency
This parameter sets the currency that you request the donation. Default is 'USD'. Paypal accepts 18 currencies. They are : AUD, CAD, CHF, CZK, DKK, EUR, GBP, HKD, HUF, ILS, JPY, MXN, NOK, NZD, PLN, SEK, SGD, USD. In the paypalCurrency parameter you can directly write your currency code to use it. For example 'JPY' for Japanese Yen.

amount
This parameter sets the default amount that will be written in the button. If you are creating an editable button, your visitors can change this value. Default value is 5. You can write any amount up to 999.

editable
This parameter sets the button type. If editable is true visitors see a textbox and the default amount inside. They can increase or decrease this amount. If you set editable to false, then visitor can not change the amount. Default value is true.

loading
This parameter sets the loader if it will be visible or not. If loading is true, when the visitor clicks the button, a loader shows up. If you set it to false, visitor will not see any loader. Default value is true.

minAmount
This parameter sets the minimum amount that people can donate. Default value is zero. If you use minAmount parameter, you must set minAmountMessage parameter too.

showAmount NEW
You can show / hide the amount you request from your visitors. This is needed if you want only a beer or coffee donation.

minAmountMessage
This parameter sets minimum amount warning message. If a visitor donating lower then the minimum amount, a dialog box is open and this message is shown. The default value is empty. If you use minAmount parameter, you must set this parameter too.

zeroAmountMessage
This parameter sets the message shown when a visitor tries to donate zero. The default value is "Donation can not be zero!"