Генерация кнопки оплаты и QR-кода

Чтобы сгенерировать кнопку оплаты и/или QR-код, к странице следует подключить скрипт https://cdn.paycom.uz/integration/js/checkout.min.js


Пример кода для генерации кнопки оплаты

<body onload="Paycom.Button('#form-payme', '#button-container')">
<form id="form-payme" method="POST" action="https://checkout.paycom.uz/">
    <input type="hidden" name="merchant" value="587f72c72cac0d162c722ae2">
    <input type="hidden" name="account[order_id]" value="197">
    <input type="hidden" name="amount" value="500">
    <input type="hidden" name="lang" value="ru">
    <input type="hidden" name="button" data-type="svg" value="colored">
    <div id="button-container"></div>
</form>
<!-- ... -->
<script src="https://cdn.paycom.uz/integration/js/checkout.min.js"></script>
</body>


Результат


Пример кода для генерации QR-кода

<body onload="Paycom.QR('#form-payme', '#qr-container')">
<form id="form-payme" method="POST" action="https://checkout.paycom.uz/">
    <input type="hidden" name="merchant" value="587f72c72cac0d162c722ae2">
    <input type="hidden" name="account[order_id]" value="197">
    <input type="hidden" name="amount" value="500">
    <input type="hidden" name="lang" value="ru">
    <input type="hidden" name="qr" data-width="250">
    <div id="qr-container"></div>
</form>
<!-- ... -->
<script src="https://cdn.paycom.uz/integration/js/checkout.min.js"></script>
</body>


Результат


После нажатия кнопки или после сканирования QR-кода покупатель окажется на странице оплаты


Доступные методы

Paycom.Button(form_selector, button_container_selector);
Paycom.QR(form_selector, qr_container_selector);


Аргументы

Параметр Описание
form_selector Селектор для формы, jQuery объект или HTML DOM объект.
button_container_selector Селектор контейнера кнопки, jQuery объект или HTML DOM объект.
qr_container_selector Селектор контейнера QR-кода, jQuery объект или HTML DOM объект.


Параметры чека и кнопки в форме

Параметр Описание
merchant ID или алиас мерчанта.
account Объект Account.
amount Сумма платежа.
lang Язык пользователя. Доступные значения: ru, uz, en.
callback URL адрес возврата после оплаты или отмены платежа.
callback_timeout Время ожидания после успешного платежа в миллисекундах, до возврата покупателя на сайт мерчанта.
description Описание платежа.
detail Детальное описание платежа.
button Параметры кнопки (data-type = svg, png - формат, value = colored, white - стиль, data-width = 200px - ширина).


Стили кнопки

Язык value=”colored” value=”white”
lang=”ru”
lang=”uz”