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