# HTML-кнопка

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

### Настройка HTML-кнопки

1. Авторизуйтесь в личном кабинете.
2. Перейдите в раздел «Виджет» в левом меню.
3. Выберите проект.
4. В поле «Тип виджета» выберите «Кнопка».

<figure><img src="/files/3vkUISyR6BbBVIfVMQsu" alt=""><figcaption></figcaption></figure>

### Параметры кнопки

В процессе настройки кнопки вы можете:

* выбрать стиль кнопки
* выбрать цвет кнопки
* выбрать размер кнопки
* изменить текст на кнопке оплаты
* указать сумму оплаты
* выбрать язык страницы оплаты

Все изменения отображаются в окне предпросмотра в реальном времени.

### Установка на сайт

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

При подключении приема платежей через HTML-виджет вы можете получать [автоматический postback](/ru/api-reference-v2/postback.md), если укажете URL для уведомлений в настройках вашего проекта.

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

> Мы регулярно работаем над улучшением документации сервиса для разработчиков. Пожалуйста, оцените качество и полезность материалов [по ссылке](https://survey.zohopublic.eu/zs/G6TdRh).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cryptocloud.plus/ru/buttons-forms/html-widget/button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.