CryptoCloud
Русский
  • Начало работы
    • Обзор документации
    • Принцип работы интеграции
    • Тестирование интеграции
    • Получение API ключей
    • SDK для работы с API
    • Интеграция иконок и кнопок
    • Инструкция по оплате криптовалютой
    • Поддержка и FAQ
  • API REFERENCE V2
    • Авторизация запросов
    • Создание счета
    • Отмена счета
    • Список счетов
    • Информация о счете
    • Баланс
    • Статистика
    • Статический кошелек
    • Автоматический POSTBACK
  • API REFERENCE V1 (OLD)
    • Авторизация запросов
    • Создание счета
    • Проверка статуса счета
    • Автоматический POSTBACK
  • Модули для CMS
    • Список CMS-модулей
      • WooCommerce
      • OpenCart
      • Shopify
      • Tilda
      • GetCourse
      • XenForo 2
      • PrestaShop
      • Drupal
      • WHMCS
  • Формы и кнопки
    • HTML-виджет
      • HTML-форма
      • HTML-кнопка
  • Сайт CryptoCloud
  • База знаний
  • Брендбук
Powered by GitBook
On this page

Was this helpful?

  1. Формы и кнопки
  2. HTML-виджет

HTML-кнопка

PreviousHTML-форма

Last updated 2 months ago

Was this helpful?

Ниже представлена простая инструкция по установке HTML-button:

  1. Зарегистрируйтесь на сайте .

  2. Ознакомьтесь с инструкциями в личном кабинете.

  3. Добавьте ваш проект в личном кабинете, заполнив необходимые поля. При добавлении проекта проверьте корректность указанных ссылок. Успешный URL: https://domain.com/thank-you (может быть любая ссылка) Неудачный URL: https://domain.com/fail (может быть любая ссылка) URL для уведомлений: https://domain.com/notifications (может быть любая ссылка)

  4. Перейдите на настройки вашего сайта.

  5. В месте установки виджета вставьте следующий HTML-код в страницу.

<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. Перед вставкой кода укажите SHOP ID и API KEY. Их вы можете найти в настройках проекта в личном кабинете CryptoCloud.

  2. Вы можете кастомизировать кнопку с помощью параметров: BACKGROUND — цвет фона кнопки COLOR — цвет шрифта на кнопке BORDER_COLOR — цвет обводки кнопки LOGO — цветная или белая версия логотипа WIDTH — ширина кнопки

  3. Для конвертации валют необходимо указать значение в параметре CURRENCY (доступны RUB / EUR / USD / GBP / UAH и другие валюты).

  4. Значение AMOUNT определяет сумму оплаты (amount="1000"). Значение обязательно должно быть установлено.

  5. В значение ORDER_ID вы можете передавать любой идентификатор клиента. Например, почту или имя. Значение не обязательно к заполнению

Уведомления о поступлении платежей можно получать в личном кабинете, в Telegram и на электронную почту.

При подключении приема платежей через HTML-виджет, в систему пользователя приходить не будет. Информацию о статусе заказа на вашем сайте или в интернет-магазине после получения оплаты необходимо предоставлять клиенту вручную.

Мы регулярно работаем над улучшением документации сервиса для разработчиков. Пожалуйста, оцените качество и полезность материалов .

автоматический postback
по ссылке
https://app.cryptocloud.plus/registration