SpiceButton

Point of Sale

SLP Address:
Currency Options: Price in Spice
Enter fiat currency

Widget

All that is needed to embed spicebutton on any site is the following snippet of code:

          
          <script src="spicebutton.com/pre-release/v0.1/js/spicebutton.min.js"></script>
          <button class="spice-button" address="simpleledger:slp_address_here"></button>

The following example can be used to access more features:

          
            <script src="spicebutton.com/pre-release/v0.1/js/spicebutton.min.js"></script>
                <button
                class="spice-button"
                button-text=""
                button-text-2=""
                amount=""
                amount-type=""
                address="simpleledger:slp_address_here"
                success-msg=""
                paywall-field=""
                success-callback=""
                >
              </button>

Here is a brief description of each additional attribute:

          
            class="spice-button"

spiceButton class/button type: This will be refined in a future release. Choices currently are: ("spice-button", "spice-button rev", "spice-button bare", "spice-button wa", "spice-button warev", "spice-button wabare") 

          
            token-id=""

Specify a token to be used other than SPICE Optional 

          
            button-text=""

Text that appears inside the button. Example: (button-text="Tip us SPICE!") Optional 

          
            button-text-2=""

Button text during hover/selected. Example: (button-text-2="Click to send SPICE"). Optional 

          
            amount=""

Amount (units) button is set to. Example: (amount="1"). Optional 

          
            amount-type=""

Type of amount. Examples: (amount-type="SPICE", or amount-type="USD", Or 160+ other currency types) Optional 

          
            success-msg=""

Message upon successful transaction. Examples: (success-msg="Thanks for supporting spiceButton!") 

          
            paywall-field=""

Class name of hidden divs (can be multiple divs with same class name) that you would like to be viewable after successful transaction. Example (paywall-field="prem-content") 

          
            success-callback=""

The following will allow those with the know how, to create their own functions/code that are called upon successful transaction.*

Thanks to the badger wallet, bitcoin.com, soupernerd, and the DuneSquad team. A lot of the credit goes to them for making all of this possible.

X

0