Click — Оплата по карте без перехода на страницу оплаты

  1. Главная
  2. Click — Оплата по карте без перехода на страницу оплаты

Добавление кнопки оплаты на сайт (1-й вариант)

Добавьте тэг «<script …» внутрь вашей платёжной формы для автоматической генерации кнопки оплатить.

<form method="post" action="/your-after-payment-url">
          <script src="https://my.click.uz/pay/checkout.js"
                    class="uzcard_payment_button"
                    data-service-id="MERCHANT_SERVICE_ID"
                    data-merchant-id="MERCHANT_ID"
                    data-transaction-param="MERCHANT_TRANS_ID"
                    data-merchant-user-id="MERCHANT_USER_ID"
                    data-amount="MERCHANT_TRANS_AMOUNT"
                    data-card-type="MERCHANT_CARD_TYPE"
                    data-label="Оплатить" <!-- Текст кнопки оплаты -->
          ></script>
</form>
# Наименование параметра Тип данных Описание
1 MERCHANT_ID mandatory ID поставщика
2 MERCHANT_USER_ID optional ID пользователя в системе поставщиков
3 MERCHANT_SERVICE_ID mandatory ID Сервиса поставщика
4 MERCHANT_TRANS_ID mandatory ID заказа(для Интернет магазинов)/лицевого счета/логина в биллинге поставщика. Соответствует merchant_trans_id из SHOP-API
5 MERCHANT_TRANS_AMOUNT mandatory Сумма транзакции (формат: N.NN)
6 MERCHANT_CARD_TYPE optional Тип платёжной системы (uzcard, humo)

После завершения платежа в окне оплаты, форма будет отправлена на сервер с дополнительным параметром «status».

 

Создание окна оплаты из кода (2-й вариант)

Вызовите метод «createPaymentRequest» который принимает два параметра:

  1. Объект параметров оплаты
  2. Callback-фукнция. Вызывается после закрытия окна оплаты. Принимает объект с полем status.
<script src="https://my.click.uz/pay/checkout.js"></script>
<script>
window.onload = function() {
          var linkEl = document.querySelector(".input-btn");
          linkEl.addEventListener("click", function() {
                    createPaymentRequest({
                              service_id: MERCHANT_SERVICE_ID,
                              merchant_id: MERCHANT_ID,
                              amount: MERCHANT_TRANS_AMOUNT,
                              transaction_param: "MERCHANT_TRANS_ID",
                              merchant_user_id: "MERCHANT_USER_ID",
                              card_type: "MERCHANT_CARD_TYPE",
                    }, function(data) {
                              console.log("closed", data.status);
                    });
          });
};
</script>
# Наименование параметра Тип данных Описание
1 MERCHANT_ID mandatory ID поставщика
2 MERCHANT_USER_ID optional ID пользователя в системе поставщиков
3 MERCHANT_SERVICE_ID mandatory ID Сервиса поставщика
4 MERCHANT_TRANS_ID mandatory ID заказа(для Интернет магазинов)/лицевого счета/логина в биллинге поставщика. Соответствует merchant_trans_id из SHOP-API
5 MERCHANT_TRANS_AMOUNT mandatory Сумма транзакции (формат: N.NN)
6 MERCHANT_CARD_TYPE optional Тип платёжной системы (uzcard, humo)

 

Возможные значения поля «status»:

  1. status < 0 — Ошибка
  2. status = 0 — Платёж создан
  3. status = 1 — Платёж находится в обработке
  4. status = 2 — Платёж успешно проведён
© 2024 Click