top of page


The PCI-secure drop-in payment app for websites

QuickPayments is a set of technologies which work together to enable Merchants to integrate a payment experience directly into their web applications without taking the consumer off of their web site while maintaining PCI compliance. It is technology agnostic, and written in VueJs; it integrates with AngularJs, ReactJs, and vanilla HTML.



A QuickPayments Key is a value issued to a Gateway Merchant account that enables their use of the QuickPayments system. A QuickPayments Key is used to request QuickPayments Tokens from the QuickPayments API.


QuickPaymentsJs is a JavaScript library that enables a fast, secure, and customizable integration of a payments experience into a web application. QuickPaymentsJs communicates with the QuickPayments API to provide transaction processing functionality.

A QuickPayments Token is a short-lived, one-time use token that is used in lieu of payment data on a transaction. The time-to-live on a QuickPayments Token is configurable for the Gateway instance, it is recommended not to exceed ten minutes.

Part of the Vue framework, QuickPayments utilizes slots to allow customization of the form. Slots are used to customize a step within the form or add a step to the form. Slots also allow for customization of the success and error pages.

QuickPayments Transaction Flow:












1. The Merchant’s web application server loads the site in a consumer’s web browser. A consumer wishing to make a purchase can enter in their payment data and click the Pay Now button.
2. QuickPayments.Js will send the payment data to the Gateway’s API.
3. The Gateway’s API will return a QuickPayments Token to QuickPayments.Js.

4. QuickPayments.Js will send the QuickPayments Token to the Merchant’s web server application.
5. The Merchant’s server application will conduct a normal payment transaction with the Gateway’s transaction API, using the QuickPayments Token as the payment data. The Gateway’s transaction API returns the processing response to the Merchant’s web server application.
6. The Merchant’s web server application notifies QuickPayments.Js of the processing response allowing QuickPayments.Js to show a “Transaction Successful” result.

Using the same workflow as transaction processing, QuickPayments can also process a token-only request. This allows you to store payment data as a long-lived token for use in future transactions and recurring payments.

Questions about Quickpayments? Contact us here!

QuickPayments Transaction Flow.png
bottom of page