SDK

Puedes integrar USPay en tu comercio mediante su SDK de Javascript para poder recibir pagos. Lo único que necesitas es tener una cuenta verificada en USPay.

Si ya tienes una cuenta, sigue los siguientes pasos para completar tú integración.

1.- Instalación

1.1 – Agregar la url en un script en la página a utilizar

                <script src="https://storage.googleapis.com/uspay_quickpay/uspay.js"></script>
            

2.- Configuración

2.1 – En su .js, inicializar una instancia de la clase PaymentGateway, teniendo como constructor los valores key_id y secret_key.

Estas credenciales se obtienen en la sección de Configuración de app.uspay.hn

                let paymentGateway = new PaymentGateway(key_id, secret_key);
            

2.2 Agregar un div al al html, con el id paymentButtonContainer

                <div id="paymentButtonContainer">

                </div>
            

En su .js, establezca las variables de personalización del botón, éste se pintará en el div, colocado en el paso anterior.

                paymentGateway.renderButton("paymentButtonContainer", {
                    text : "Pagare",
                    backgroundColor : "blue",
                    color: "#FFFFF"
                });
            

3 .- Pagos

3.1 – Con la instancia creada de PaymentGateway, establecer los datos del pago.

                paymentGateway.setTransaction({
                    monto : 11.0,
                    impuesto : 0.1,
                    moneda : "HNL",
                    asunto : "TEST"
                });
            

3.2 – Maneje los datos del pago, con el siguiente evento:

                document.addEventListener("onPayment", (event) => {
                    console.log(event?.detail)
                })
            

Al presionar el botón, este lo redirigirá a un link de pago, con los datos previamente establecidos. Una vez completado el pago, podrá ver el estatus en la sección de transacciones de app.uspay.hn