Payment Widget Initialization

Payment is always handled on foloosi's payment screen !

foloosi-angular

Install

npm install --save foloosi-angular

Initialize Payment Widget

Step 1

Add the script below in angular-cli.json.

  "scripts": [
    "./node_modules/foloosi-angular/index.js"
  ]

Step 2

Follow these instructions in your Typescript file to initialize Foloosi Payment.

//To Declare the Foloosi Payment

declare var Foloosipay: any;

// For Success and Error Handlers. You can get the Payment status in the below function, it may be success or error. 

const foloosiHandler = ( function (e) {
  if (e.data.status == 'success') {
    console.log(e.data.status);
    console.log(e.data);
  }
  if (e.data.status == 'error') {
    console.log(e.data.status);
    console.log(e.data);
  }
});

window.addEventListener('message', foloosiHandler);

//To Initialize the Foloosi Payment

constructor(){
    Foloosipay.init();
}

For Popup Payment

If you want to enable payment in <iframe> which only supports Credit/Debit cards, you need not pass the REDIRECT parameter.

Foloosipay.open('REFERENCE_TOKEN','MERCHANT_KEY');

For Hosting Method

If you want to enable hosting payment which supports ApplePay and SamsungPay, you need to pass REDIRECT as true.

Foloosipay.open('REFERENCE_TOKEN','MERCHANT_KEY','REDIRECT');

To Close the Foloosi Payment Popup Use,

Foloosipay.close();

Steps to activate Hosting Payment Method (optional) - click here for details

Note - It is mandatory to set REDIRECT to true

• Add the additional field shown below in the post data of initialize Api

• // additional Post Data
  site_return_url : "", //your site return url for get the payment response object

Steps to Activate saved card payment (optional) - click here for details

• Add the additional field shown below in the post data of initialize Api

// additional Post Data
customer_unique_identifier : "Unique value",/** MANDATORY FIELD -Customer Unique Reference value should be email/mobile no/uniqueCustomer id from your DB*/

Support

Visit https://www.foloosi.com for support requests or email to [email protected].

Developed by

Foloosi Technologies Pvt Ltd.

License

Copyrights (c) 2025 Foloosi