Badger Button Installation – Instant Bitcoin Payments For Websites

The Badger Wallet is your gateway into the world of Bitcoin Cash. Enabling Bitcoin micropayments, paywalls, in-app purchases, tokens and smart-contracts plus more. Recently with the departure of Money Button from the Bitcoin Cash ecosystem, we’ve put together the definitive guide on replacing it by installing Badger Button.

More Spice: Bitcoin White Paper Webcomic by Comics Legend Scott McCloud

Badger Button: The Money Button Replacement

In the above video, Hayden Otto guides users through the installation processes of both the Badger Wallet and then the Badger Button on the CoinSpice website. The general process is as follows:

  1. Install the Badger Wallet plugin on Chrome or Firefox via badgerwallet.cash.
  2. Set up your Badger Wallet by clicking the icon and following the prompts. Then fund your account with some Bitcoin BCH.
  3. Copy the Script, HTML and CSS below into a text/source code editor. Tweak the button and CSS settings to your liking.
  4. Paste the entire completed code into a container on your website, where you want the button to appear.
  5. Start using Badger Button! You can now receive tips, payment for goods/services or put content behind a paywall + more.

For your convenience, we are providing you with the exact scripts, HTML and CSS styling that was used for the SpicyButton™ on our website.

There are 2 to 3 steps to follow to set up the Badger Button donation button.

Import the BadgerButton JavaScript file

Be sure to include this at the end of the HTML page, before the closing </body> tag.

<script src="https://badgerwallet.cash/button.js"></script>

Define Your Button

Modify these fields to your liking: data-to should include your Bitcoin Cash address and data-satoshis the amount to be sent (in satoshis).

<button class="badger-button" data-to="bitcoincash:qq6e3seenwkhjqv88vavrlpfy7wc6mrzt5xqu0w5ch" data-satoshis="1000"><span>Donate 1000 satoshis</span></button>

CSS Styling (optional)

In your CSS file, feel free to customize the color and look of your button using the .badger-button class

.badger-button {
  color: #e50d44;
  border: 1px solid #e50d44;
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
}

.badger-button:hover {
  background-color: #e50d44;
  color: #fff;
  cursor: pointer;
}

 

Robinhood Enables BCH Trading, Distributes 'New Asset'

If this guide helped you, tip us! With solutions like Badger Wallet emerging on the Bitcoin Cash scene every day, it has never been a more exciting time to be involved in Bitcoin Cash. If you have any issues installing the button reach out to support on the Badger Wallet Telegram.

 

 

Robinhood Enables BCH Trading, Distributes 'New Asset'

CONTINUE THE SPICE and check out our piping hot Videos. Our podcast, Milk, might help sooth that crypto burn. Follow CoinSpice on Twitter. Join our Telegram feed to make sure you never miss a post. Drop some BCH at the merch shop — we’ve got spicy shirts for men and women. Don’t forget to help spread the word about CoinSpice on social media. Thanks!