https://github.com/vlzhr/pay-crypto-widget

JS widget for accepting crypto payments on your website
https://github.com/vlzhr/pay-crypto-widget

Last synced: 3 months ago
JSON representation

JS widget for accepting crypto payments on your website

• Host: GitHub
• URL: https://github.com/vlzhr/pay-crypto-widget
• Owner: vlzhr
• Created: 2020-06-02T23:47:23.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-07-24T06:37:28.000Z (over 4 years ago)
• Last Synced: 2024-02-13T05:03:11.267Z (9 months ago)
• Language: TypeScript
• Homepage:
• Size: 464 KB
• Stars: 9
• Watchers: 6
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-waves - pay-crypto-widget - JS widget for accepting crypto payments on your website. (Frameworks and tools / Client libraries)

README

        
# Accept token payments on your website

![](https://server.vlzhr.top/hosted/9446628-payment.gif)

Waves Ecosystem is great for [issuing crypto assets](https://docs.waves.exchange/en/waves-exchange/waves-exchange-online-desktop/online-desktop-asset/online-desktop-token-creation). 

This tool is designed to provide an easier functionality for purchases with tokens issued on Waves.

Use this widget to accept crypto payments on your website. [Check the demo](https://vlzhr.github.io/pay-crypto-widget/example/)!

## Get Started 🔥

#### Instantly add widget to your HTML

**1--** Connect [JS file](https://raw.githubusercontent.com/vlzhr/pay-crypto-widget/master/dist/paycrypto.js) to your website

``

**2--** Initialize and set up widget

`dApp.widget.initWidget("", "");`

for example:

`dApp.widget.initWidget("vlzhr", "WAVES");`

**3--** Call payment method when needed

`dApp.widget.initPurchase(TOTALAMOUNT)`

Check the example full [source code](https://github.com/vlzhr/pay-crypto-widget/blob/master/example/index.html)!

#### or use TypeScript module

Import the [Pay Crypto module](https://github.com/vlzhr/pay-crypto-widget/blob/master/src/index.ts) and use  `Widget` class. 

You will need to install Waves Signer and Waves Exchange Provider libraries for this:

`npm i @waves/signer`

`npm i @waves.exchange/provider-web`

## Configuring widget ⚙

You can set following properties of a widget using `initWidget` method:

`recipient: string, assetName?: string`

You can set following properties of a widget using `initPurchase` method:

`invoiceValue: number,

         paymentHandler?: Function,

         errorHandler?: Function,

         invoiceId?: string`

## Call to action 🌱

As you may see, the widget has the functionality of MVP, as for now. 

To make it more useful we need your feedback.

What would you add to it?

For your recommendations there is a simple issue template. 

[Let us know your opinion](https://github.com/vlzhr/pay-crypto-widget/issues/new?assignees=&labels=&template=feature_request.md&title=%5BFEEDBACK%5D) and let's build a great tool together 🚀

## Contacts

- follow me in Twitter: [@vlzhr](https://twitter.com/vlzhr)

- join Waves Dev Commmunity [chat in Telegram](https://ttttt.me/waves_ride_dapps_dev)

Thank you for your interest!