Skip to main content

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=""></script>

Step 2​

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


Use these following options.

invoice_noStringOptional. But if you provide invoice_no then security_code is also required
security_codeStringSame as invoice_no
<button id="paycruiser-button">Pay</button>
var pay = new window.Paycruiser();
var options = {
invoice_no: "1234",
security_code: "258975",
merchant_name: "your_merchant_name",
brand_logo: "your_brand_logo",
var paycruiserBtn = document.getElementById("paycruiser-button");
paycruiserBtn.addEventListener("click", function () {;

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