Генерация кнопки оплаты и 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”