How-to

Step 1

  • Log into your account

  • Navigate to the "Settings → Widget" section

  • Generate a widget key

Step 2

Add the following meta tags in the code of your web page.

<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
...
</head>

Step 3

Add the following code in your web site page.

HTML
JavaScript
<script src="https://widget-business-sandbox.cryptopay.me/widget.js" />
const el = document.createElement('SCRIPT');
el.src = 'https://widget-business-sandbox.cryptopay.me/widget.js';
document.body.appendChild(scr);

Sandbox env: https://widget-business-sandbox.cryptopay.me/widget.js Production env: https://business-widget.cryptopay.me/widget.js

Step 4

Widget initialization.

var widget = new CryptopayWidget({
widgetKey: 'bd3476f9-57Bc-4517-b499-afb83e1538ec',
accounts: ['BTC', 'ETH', 'LTC', 'XRP'],
embedded: 'true',
elId: 'cryptopay-widget',
styleOptions: {
closeButtons: 'false'
}
});

Parameter

Usage

Description

widgetKey

Required

Your widget key. See the Step 1

accounts

Required

Choose which cryptocurrencies you want your customers to pay with

embedded

Optional

If false, the widget will popup on the page

If true, the widget will be embedded

elId

Optional

cryptopay-widget by default. The place where the widget will be plugged in

styleOptions

Optional

Use this optional parameter to customize your widget appearance

closeButtons

Optional

Use false to hide the blue Close buttons

Step 5

Widget calling.

widget.pay({
amount: 100,
currency: 'EUR',
customId: '2a713ee9-d401-4d97-9909-b67d6755c1c7',
onOpen: function () {},
onClose: function () {}
});

Parameter

Type

Usage

Description

amount

number (double)

Required

Purchase amount

currency

string

Required

Purchase currency

customId

string

Required

Purchase reference ID in your system

onOpen

function

Optional

Function to be called upon widget opening

onClose

function

Optional

Function to be called upon widget closing