Payment Widget

Web Integrate

PayCruiser® gives you an easy way to integrate your best payment system in your web app. It requires few steps to follow.

Step 1

Add our single JS file in your index.html file.

<script src="https://storage.googleapis.com/paycruiser/paycruiser-checkout.js"></script>

Step 2

After adding JS file now you can open paycruiser payment widget into your site.

Options

Use these following options.

Property	Value	Description
merchant_name	String	Optional
invoice_no	String	Optional. But if you provide invoice_no then security_code is also required
security_code	String	Same as invoice_no
brand_logo	String	Optional

<button id="paycruiser-button">Pay</button>
<script>
    var pay = new window.Paycruiser();
    var options = {
        invoice_no: "1234",
        security_code: "258975",
        merchant_name: "your_merchant_name",
        brand_logo: "your_brand_logo",
    };
    pay.init().then(console.log).catch(console.log);
    var paycruiserBtn = document.getElementById("paycruiser-button");
    paycruiserBtn.addEventListener("click", function () {
        pay.open(options);
    });
</script>

Congratulations, you have succesfully integrate PayCruiser® payment widget in your application!