paywithmonero

Monero Payment Request WebComponent

An easier way of using Monero Payment Requests on your website; checkout the demo

Usage

Add the script via cdn:

<script src="cdn/to/@monerorequest-js/paywithmonero" />

Add the following element to each of the sellable items; This component will open a modal that will have two options, "add to cart" and "go to checkout".

<pay-with-monero item-name="Sample item Orange XL" item-price="10.00"></pay-with-monero>

Finally, add the monero-payment-request-modal which will communicate with the custom-events sent by <pay-with-monero /> and provide a shipping address and a QR code generator with the encoded monero payment request.

<monero-payment-request-modal hide-shipping sellers-wallet="Your_XMR_Address"
                              change-indicator-url="optional" 
                              custom-label="optional"></monero-payment-request-modal>

Protocol and more information

Get more information about the Protocol and on its JS Port

Localhost development

$ npm run bundle:watch

watches for changes and outputs on local-server/dist

$ npm run local-server

use http-server on local-server folder