Куда вставить виджет

Код виджета — это блок <div> и скрипт рядом с ним. Он работает на любой странице, где можно вставить HTML. Ниже — куда именно вставлять в популярных местах. Сначала соберите код.

Обычный сайт

Вставьте код в то место страницы, где должна появиться форма — обычно это блок с описанием товара или отдельная страница оплаты. Скрипт сам создаст фрейм нужного размера, поэтому вёрстка вокруг не поедет.

Тильда

В редакторе страницы добавьте блок T123 «HTML-код» из категории «Другое».
Вставьте код целиком в поле блока и сохраните.
Опубликуйте страницу: в режиме редактирования виджет не отображается.

Подробнее о связке с Тильдой — в разделе готовых модулей.

WordPress

Откройте страницу в редакторе блоков и добавьте блок «Произвольный HTML».
Вставьте код и обновите страницу.
Если магазин на WooCommerce и заказы уже ведутся в нём, вместо виджета лучше поставить модуль оплаты: он свяжет платёж с заказом.

1С-Битрикс

В визуальном редакторе переключитесь в режим «Исходный код» и вставьте код в нужное место.
Для интернет-магазина на «Битрикс: Управление сайтом» правильнее поставить модуль — тогда статусы заказов будут меняться сами.

Внутри мобильного приложения

Откройте страницу с виджетом в WebView (Android) или WKWebView (iOS). Обязательно разрешите JavaScript и работу с несколькими окнами: после нажатия кнопки покупатель уходит на платёжную страницу шлюза, и она должна открыться.

В настройках виджета отключите «Открывать оплату в новой вкладке», если приложение показывает страницу в одном окне: иначе покупатель упрётся в пустой экран вместо оплаты.

Несколько виджетов на одной странице

Ограничений нет: каждый код содержит собственный идентификатор, и виджеты не мешают друг другу. Так удобно продавать несколько тарифов рядом — по виджету на карточку.

Что дальше

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