Click – Payment by card without redirection to payment page

To add payment button to your site (1-st option)

Add tag “<script …” into your payment form to automatically generate payment button.

<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-label="Pay" <!-- Payment button title -->
          ></script>
</form>
# Parameter name Data type Description
1 MERCHANT_ID mandatory Merchant ID
2 MERCHANT_USER_ID optional User ID for Merchant system
3 MERCHANT_SERVICE_ID mandatory Merchant Service ID
4 MERCHANT_TRANS_ID mandatory Order ID (for online shopping) / personal account / login in the billing of the supplier. Corresponds to merchant_trans_id from SHOP-API
5 MERCHANT_TRANS_AMOUNT mandatory Transaction amount (format: N.NN)

After payment is complete in the payment window, the form will be submitted to the server with additional parameter “status”.

 

Create payment window from code (2-nd option)

Call method “createPaymentRequest” whitch takes two parameters:

  1. Payment parameters object
  2. Callback-function, which is called after payment window is closed. It takes object with “status” field.
<script src="https://my.click.uz/pay/checkout.js"/>
<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",
                    }, function(data) {
                              console.log("closed", data.status);
                    });
          });
};
</script>
# Parameter name Data type Description
1 MERCHANT_ID mandatory Merchant ID
2 MERCHANT_USER_ID optional User ID for Merchant system
3 MERCHANT_SERVICE_ID mandatory Merchant Service ID
4 MERCHANT_TRANS_ID mandatory Order ID (for online shopping) / personal account / login in the billing of the supplier. Corresponds to merchant_trans_id from SHOP-API
5 MERCHANT_TRANS_AMOUNT mandatory Transaction amount (format: N.NN)

 

Possible values for “status” field:

  1. status < 0 – Error
  2. status = 0 – Payment is created
  3. status = 1 – Payment is being processed
  4. status = 2 – Payment is made successfully
© 2018 Click