Что такое платёжный виджет Продамус
Обычная платёжная ссылка уводит покупателя на отдельную страницу оплаты. Виджет открывает то же самое во всплывающем окне поверх вашего сайта. Вся платёжная сессия проходит в одном окне, клиент не блуждает по сторонним страницам.
В базе знаний Prodamus новая версия виджета называется «Единое окно». Разработчики убрали из него лишние шаги, чтобы до оплаты доходило больше людей. Виджет работает в любых браузерах и на любых устройствах.
Если сайта нет вовсе, виджет не нужен — хватит платёжной ссылки в мессенджере или соцсети.
Как проходит оплата через виджет
- Клиент нажимает кнопку. «Оплатить», «Купить», «Записаться на курс» — любая кнопка, к которой привязан виджет.
- Появляется окно оплаты. Покупатель выбирает способ: карта, СБП, рассрочка, «Частями» и так далее.
- Клиент подтверждает оплату. Деньги уходят вам, чек — покупателю.
Если сайт не передал email и телефон покупателя, виджет сам запросит их в окне. После оплаты можно отправить клиента на страницу благодарности — об этом в разделе про код ниже.
Какие способы оплаты есть в виджете
| Группа | Способы |
|---|---|
| Карты, СБП, Pay | Карты банков РФ, «Быстрый платёж» (СБП), SberPay, T-Pay, WB Кошелёк, Яндекс Пэй, оплата по банковским реквизитам |
| Рассрочки | Рассрочки и кредиты Т-Банка, Сбербанка, брокера «Всегда.Да», ОТП Банка; рассрочки для граждан Казахстана, Беларуси и Кыргызстана; «Яндекс Супер Сплит» |
| Оплата частями | «Частями» от Prodamus, «Плати частями» от Сбера, «Яндекс Сплит», «Долями» от Т-Банка |
| Подписки | Рекуррентные платежи |
| Из-за рубежа | Карты зарубежных банков |
Клиенту показываются только способы, включённые для вашей платёжной страницы. Рассрочки, «Частями» и международные платежи подключаются отдельно — подробности на страницах рассрочки, оплаты частями и международных платежей.
Как подключить виджет Prodamus
Если вы ещё не клиент Prodamus. Для виджета нужна своя платёжная страница — адрес вида имя.payform.ru. Она появляется после подключения сервиса: анкета, проверка менеджером, оплата подключения, тестовый платёж. Самозанятые могут выбрать бесплатный «Старт», где виджет уже есть. ИП и юрлица подключают полный тариф — с промокодом GETPRO он дешевле. Заполнить анкету или написать на connection@prodamus.ru.
Если Prodamus уже подключён. Обратитесь в техподдержку Prodamus: бот в MAX, VK, почта или телефон +7 (495) 150-08-71. Это контакты самого сервиса — наш сайт виджеты не настраивает.
Как установить виджет Продамус на сайт с доступом к HTML
Если вы можете править код страницы, установка идёт в два этапа: подключить скрипты и разметить кнопки. Код ниже — пример из базы знаний Prodamus, раздел «Веб-страница».
Шаг 1. Подключите скрипты
Вставьте код перед закрывающим тегом </head>. Вместо PAYFORM укажите свою платёжную страницу в виде myname.payform.ru, вместо rub — нужную валюту: rub, usd, eur или kzt.
<script>
window.prodamusDomain = 'PAYFORM';
window.prodamusCurrency = 'rub';
</script>
<script src="https://widget.prodamus.ru/src/init.js" async></script>
<link rel="stylesheet" href="https://widget.prodamus.ru/src/init.css">Шаг 2. Разметьте кнопки
Каждой кнопке, которая должна открывать оплату, добавьте атрибут data-prodamusprice с ценой. Валюту конкретной кнопки задаёт атрибут data-currency.
<button data-prodamusprice="123">Купить</button>
<button data-prodamusprice="123" data-currency="kzt">Купить</button>
<a href="javascript:void(0)" data-prodamusprice="123">Купить</a>Для ссылки-кнопки href="javascript:void(0)" обязателен, иначе страница будет переходить по адресу. Другие скрипты на странице не должны блокировать событие onclick.
Шаг 3. Вызов из своего скрипта (по желанию)
Окно оплаты можно открыть и из JavaScript: prodamusPay(123); — сумма в основной валюте, prodamusPay(123, 'kzt'); — в другой.
Что делать после оплаты
Виджет сообщает странице статус оплаты: close — окно закрыто, waiting — платёж обрабатывается, error — ошибка, success — оплата прошла. По этим статусам сайт может показать сообщение или перенаправить клиента на страницу «Спасибо». Статус приходит для карт РФ, СБП и «Сбербанк Онлайн», по остальным способам — через callback. Техническая документация — на help.prodamus.ru.
Другой вариант кода: widget.js
В базе знаний Prodamus есть и вторая инструкция — «Виджет и примеры кнопок для сайта». В ней скрипт вставляют в конец страницы, перед закрывающим тегом </body>, с адресом вашей платёжной страницы вместо yourdomain:
<script type="text/javascript" src="https://yourdomain.payform.ru/widget.js" async></script>Окно оплаты открывается по клику на любой элемент с классом Prodamus-startPay — ссылку, кнопку, картинку или блок:
<a href="#" class="Prodamus-startPay">Оплатить онлайн</a>
<button class="Prodamus-startPay">Оплатить онлайн</button>Для проверки без своей страницы в инструкции указан тестовый адрес https://payform.prodamus.me/widget.js. Какой из двух вариантов подходит вашему сайту, уточните в техподдержке Prodamus.
Виджет или платёжная ссылка
| Виджет | Платёжная ссылка | |
|---|---|---|
| Где платит клиент | Во всплывающем окне на вашем сайте | На платёжной странице Prodamus |
| Нужен ли сайт | Да | Нет: мессенджер, соцсеть, email, СМС, QR-код |
| Установка | Код на странице или настройка в конструкторе | Создаётся в личном кабинете за пару кликов |
| Способы оплаты | Одинаковые: всё, что подключено к вашей платёжной странице | |
Одно другому не мешает: на сайте стоит виджет, а в переписке с клиентами вы отправляете ссылки.
Как поставить виджет на конструктор сайтов
В конструкторах код обычно не нужен: Prodamus встроен в их настройки платёжных систем.
Tilda
Подключение Prodamus к сайту на Tilda — пошаговая инструкция.
Taplink
Виджет оплаты на странице Taplink.
Creatium
«Интеграции и уведомления» → «Платёжные системы» → «Продамус», в поле URL — только имя платёжной страницы. Затем в кнопке или корзине выбрать действие «Переход к оплате».
Linkrr
Скопировать секретный ключ в «Настройках» Prodamus, включить интеграцию в Linkrr, в лид-форме включить «Перейти к оплате» и «Единое окно оплаты».
В Linkrr в настройках лид-формы можно выбрать, какие способы оплаты показать, указать ID подписки для рекуррентной оплаты и адрес, куда перенаправить клиента после оплаты. ID подписки находится в кабинете Prodamus: «Настройки» → «Подписки».
Полный список CMS, LMS и сервисов, с которыми работает Prodamus, — на странице интеграций. Инструкции сверены с help.prodamus.ru 18 сентября 2026.
