Платёжный виджет позволяет встроить платежную страницу (Мерчант) на сайта клиента.
Данный виджет поддерживает все виды доступных платежных систем.
Для установки платежного виджета необходимо в коде страницы сайта внутри тега <head>...</head> разместить скрипт подключения (https://merchant.intellectmoney.ru/v2/js/IntellectMoneyMerchantWidget.js).
Пример:
<html> <head> <script src="https://merchant.intellectmoney.ru/v2/js/IntellectMoneyMerchantWidget.js"> </head> <body> ... </body> </html>
В разделе <body>...</body> ( в контенте страницы) в том месте в котором необходимо вывести платежную страницу, необходимо разместить код инициализации виджета:
<!DOCTYPE html> <html> <head> <title>Тестовая платежная страница</title> <!-- Подключаем скрипт платежного виджета --> <script src="https://merchant.intellectmoney.ru/v2/js/IntellectMoneyMerchantWidget.js"></script></head> </head> <body> <div> <script> // Инициализация виджета с передачей необходимых параметров var payInvoice = () => { return IntellectMoneyMerchantWidget.Configuration.init({ InvoiceId: '3015690797', EshopId: '123456', OrderId: '666333', ServiceName: 'Тестовый заказ', RecipientCurrency: 'RUB', RecipientAmount: 100.00, Email: 'asdf@mail.ru', SuccessUrl: '', FailUrl: '', Preference: '', UserField_1: '', UserField_2: '' }); } // Запуск виджета window.onload = payInvoice(); </script> </div> </body> </html>
Если на сайте используется библиотека JQuery, то проинициализированный виджет можно запустить следующим образом:
<!DOCTYPE html> <html> <head> <title>Тестовая платежная страница</title> <!-- Подключенный JQUERY --> <script src="https://code.jquery.com/jquery-3.6.3.js"></script> <!-- Подключаем скрипт платежного виджета --> <script src="https://merchant.intellectmoney.ru/v2/js/IntellectMoneyMerchantWidget.js"></script></head> </head> <body> <div> <script> // Инициализация виджета с передачей необходимых параметров var payInvoice = () => { return IntellectMoneyMerchantWidget.Configuration.init({ InvoiceId: '3015690797', EshopId: '123456', OrderId: '666333', ServiceName: 'Тестовый заказ', RecipientCurrency: 'RUB', RecipientAmount: 100.00, Email: 'asdf@mail.ru', SuccessUrl: '', FailUrl: '', Preference: '', UserField_1: '', UserField_2: '' }); } // Обработчик клика на кнопку оплаты товара (который запустить платежный виджет) $(function() { $('#pay').click(() => { payInvoice(); }) }); </script> <!-- Кнопка оплаты товара--> <div id="pay">Оплатить товар</pay> </div> </body> </html>
Параметры
Вызов виджета определяет схему действий:
- При указании InvoiceId все иные параметры будут игнорироваться и загрузится платежная страница по переданному номеру счету.
- Если не передать InvoiceId будут проанализированы остальные параметры и будет произведена попытка создания нового счета.
|
---|