HTML-кнопка

Кнопка оплаты в криптовалюте для вашего сайта.

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

Как настроить кнопку

1. Откройте «Мои проекты» → нужный проект → «Настройки проекта» → «Платежный виджет».

2. В поле «Тип виджета» выберите «Кнопка».

3. Настройте параметры — изменения сразу видны в окне предпросмотра.

4. Нажмите «Сохранить».

Какие параметры можно настроить

Параметр	Что настраивается
Шаблон кнопки	Вариант оформления: cc-paywith — надпись с иконками валют; cc-paywithcurrency — круглая кнопка с расширенным набором иконок валют; cc-paywithcc — надпись с логотипом Trybit
Текст кнопки	Надпись на кнопке
Стиль кнопки	Темная, светлая или цветная
Размер виджета	Стандартный или большой
Сумма оплаты	Сумма и валюта счета
Язык виджета	Язык окна оплаты

Как установить кнопку на сайт

1. Скопируйте готовый код под окном предпросмотра.

2. Вставьте код в HTML страницы — туда, где должна быть кнопка.

3. Опубликуйте изменения и нажмите кнопку на странице: должно открыться окно оплаты с указанной суммой.

Как проходит оплата для покупателя

1. Покупатель нажимает кнопку — во встроенном окне создается счет на заданную сумму.

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

3. После подтверждения в сети статус счета меняется на «Оплачен».

В окне оплаты отображаются название проекта, номер счета (INV), сумма к оплате и таймер срока действия счета. Рядом с каждой сетью указано примерное время подтверждения, а покупатель может включить уведомление о платеже на email. После перехода к оплате показываются QR-код, адрес и точная сумма перевода, а статус можно проверить кнопкой проверки транзакции.

Уведомления о платежах приходят в личный кабинет, на email и в Telegram, а при способе «HTML-виджет (с постбэком)» — через POSTBACK.

Если у вас возникли вопросы или требуется помощь, вы можете обратиться в наш чат поддержки на сайте и в личном кабинете, а также связаться с нами в Telegram. Контакты поддержки указаны на нашем сайте.

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