EN
English
  • Getting Started
    • Documentation Overview
    • How the Integration Works
    • Integration Testing
    • How to Get API Keys
    • SDK for Work with API
    • Integration of Icons and Buttons
    • Cryptocurrency payment instruction
    • Support and FAQ
  • API REFERENCE V2
    • Request Authorization
    • Invoice Creation
    • Invoice Cancellation
    • Invoice List
    • Invoice Information
    • Balance
    • Statistics
    • Static Wallet
    • Funds Withdrawal
    • Automatic POSTBACK
  • API REFERENCE V1 (OLD)
    • Request Authorization
    • Invoice Creation
    • Invoice Status Check
    • Automatic POSTBACK
  • CMS Plugins
    • List of CMS Plugins
      • WooCommerce
      • OpenCart
      • Shopify
      • Tilda
      • GetCourse
      • XenForo 2
      • PrestaShop
      • Drupal
      • WHMCS
  • Buttons and forms
    • HTML-widget
      • HTML-form
      • HTML-button
  • CryptoCloud Website
  • Help Center
  • Brand Guide
Powered by GitBook
On this page

Was this helpful?

  1. Buttons and forms
  2. HTML-widget

HTML-button

PreviousHTML-form

Last updated 1 year ago

Was this helpful?

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

  1. Sign up on the website .

  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.

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

If you connect payment acceptance via HTML-widget, no 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.

automatic postback
https://app.cryptocloud.plus/registration