HTML-button

Below are simple instructions on how to set up an HTML button:

  1. Sign up on the website https://app.cryptocloud.plus/registration.

  2. Read the instructions in your personal account.

  3. Add your project in your personal account by filling in the required boxes. When adding a project, check that the links provided are correct.

Successful URL: https://domain.com/thank-you (can be any link)

Unsuccessful URL: https://domain.com/fail (can be your any link)

URL for notifications: https://domain.com/notifications (can be your any link)

  1. Go to your website settings.

  2. At the widget installation location, paste the following HTML code into the page.

<link href="https://api.cryptocloud.plus/static/pay_btn/css/app.css" rel="stylesheet" > 
<vue-widget shop_id="YOUR_SHOP_ID" api_key="YOUR_KEY" background="#fff" color="#000" border_color="#000" logo="color" width="350px" currency="CURRENCY" amount="AMOUNT" text_btn="Pay with CryptoCloud" order_id="YOUR_ORDER_ID" ></vue-widget> 
<script src="https://api.cryptocloud.plus/static/pay_btn/js/app.js" ></script >

  1. Before inserting the code, specify SHOP ID and API KEY. You can find them in the project settings in the CryptoCloud personal account.

  2. You can customize the button with parameters:

    BACKGROUND — background color of the button

    COLOR — font color on the button

    BORDER_COLOR — color of the button's border

    LOGO — color or white version of the logo

    WIDTH — button width

  3. For currency conversion you need to specify the value in the CURRENCY parameter (RUB / EUR / USD / GBP / UAH and other currencies are available).

  4. If you need to pre-fill the payment amount, specify AMOUNT (amount="1000"). If you do not need to prefill the amount, then leave AMOUNT (amount="") empty.

  5. In the ORDER_ID value you can pass any client identifier. For example, mail or name. This box is optional for filling.

If you connect payment acceptance via HTML-widget, no automatic postback will be sent to the user's system. After receiving payment, information about the order status on your website or online store should be provided to the client manually.

You can receive notifications about payment receipts in your personal account, in Telegram and by e-mail.

PreviousHTML-form

Last updated

Was this helpful?