Demo




Hosted version

The hosted version let's you use an embed code for easier integration.



cointipper.herokuapp.com then /type/currency/ISO/address/label-with-spaces
Copy/paste and replace with your own
<embed src="https://cointipper.herokuapp.com/tip/bitcoin/BTC/1GMwCf6XsMufpot3wHzbYnU3d2RevD5/CoinTipper-Donation-Jar" height="38" width="150">

More info on: https://github.com/jeremymouton/cointipper-server.



Setup

Include jQuery and jquery.cointipper.js before the closing </body> tag.

Include cointipper.css inside the <head> tag.


Create an HTML tag for the button:

<span id="donate-bitcoin"></span>

Select your target (#donate-bitcoin in the previous example), call .coinTipper() and give it some options.

<script>
  $(function() {
    $('#donate-bitcoin').coinTipper({
      type: 'tip', // tip, donate
      currency: 'bitcoin',
      iso: 'BTC',
      address: '1G967MwCf6XsMufpot3wHzbYnU3d2RevD5',
      label: 'CoinTipper Tip Jar'
    });
  });
</script>


Supports any coin, just provide the name and its 3-4 letter ISO along with an address.


Log

March 16, 2014
Added support for any coin. Simply removes prefilled radio buttons if currency is not recognized.
Added ability to control the button text.

March 15, 2014
Setup hosted version of the plugin with some simplification.

March 13, 2014
Added MEOW support, edited modal text, linked QR code.

March 12, 2014
Released jQuery.CoinTipper