payment-examples
Examples of real-world UIs for payment, i.e. transferring monetary value from one person to another.
Real World Examples
flattr
flattr is a service for tipping creators via the web. Creators sign up and place a flattr button on their website, which can be clicked by flattr users in order to give tips. Patrons set a monthly tipping budget which is divided equally between all tipped creators that month.
- Example of a flattr button in-context (at the bottom of the article)
- Flattr hooks into existing microinteractions e.g. liking a video on youtube and turns them into monetary tips
fido dogecoin twitter tipbot
fido is a twitter bot which allows you to transfer dogecoins to other twitter users within tweets. example of a tip tweet. Its usage is built around existing Twitter idioms which all users are familiar with:
- Follow @fidotip to get a holding address for DOGE
- Tweet using microsyntax, e.g.
@fidotip @recipient 100anywhere in your tweet to tip @recipient 100 DOGE. Add #confirm and @fidotip will tweet a transaction confirmation - DM fido with an email address and dogecoin address in order to withdraw any DOGE you’ve been tipped
[tipdoge.info/ tipdoge.info] works pretty much the same.
dogecoin reddit tipbot
/u/dogecointipbot is a reddit bot which can be used to easily transfer dogecoin between reddit users, usually for tipping posts. Example of a tip post, followed by its confirmation comment.
Typical usage is described in the documentation and getting started guide, and involves:
- register with the bot, giving you a holding address
- transfer some doge into the holding address, which can now be used for tipping
- comment on a post with, for example,
+/u/dogetipbot 100 doge, which tips 100 DOGE. Optionally addverifyto the end and dogetipbot will comment on your tip when it’s verified - withdraw any tips you’ve received by sending the bot a message with an address to transfer to
bitcoin tip bot
bitcointipbot.com is a BTC tipbot for the bitcointalk.org forums. Similarly to other tipbots, you register with it to generate a holding address to which BTC are transferred, which can then be tipped to people by quoting a post by them with, e.g. the microsyntax +tip 0.01 btc to tip 0.01 BTC (example tip). Due to technical constraints these posts are not detected automatically and need to have their URLs pasted into a form for tips to be sent.
bitcoin donation buttons
There are many bitcoin/litecoin donation button builders, which generally follow the same pattern:
- set an address that the button sends funds to
- you get HTML+JS code which adds a small button to your page, perhaps with total donated amount
- when clicked, the button shows any mixture of
- the address to send funds to, often in an input field for copyability
- a
bitcoin:scheme link which opens in your client, if any - a QR code containing the address, for use with a mobile wallet
Examples:
- coinwidget.com — fairly fully featured, has address, link, QR code and total donated
- coinbase payment button — has QR code, copyable address, option to send from coinbase account, short intro to bitcoin for the unfamiliar
- bitcoinate button generator — exceedingly simple, opens a browser-native prompt auto-filled with the bitcoin address to copy and send funds to
- …
Paypal donation buttons
Paypal have a donation button maker that has various options it generates an HTML form to paste into your site:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="TDRZJGPM99326">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
There isn't a link-based version of this on their site.
gittip
Gittip is a service for sending weekly recurring tips to users of github, twitter, openstreetmap or bitbucket. To tip people you sign up for an account, visit their profile page (example) and set an amount to tip weekly.