VGS Collect Examples

Here you can find examples of use cases for the VGS Collect JS library.

What is it?

The VGS Collect library is a javascript library that allows you to integrate secure fields with non-secure fields in your page. The secure fields behave like traditional input fields while preventing access to the unsecured data.

Once the fields are initialized the library communicates the state of the fields through a JavaScript callback. The state object includes information about the validity, focused value and if the user has entered information in the field.

Explore VGS Collect documentation

You can find more useful information about VGS Collect API in our docs.

VGS Collect use cases examples

Here we've collected examples of library use cases:

1. Capturing credit card data

Code example is here

GitHub Pages example

2. Capturing shipping info along with billing

Code example is here

GitHub Pages example

3. Capturing personal (log in) data (username & password/ email & password)

Code example is here

GitHub Pages example

4. Capturing PII for background checks (driver licenses, social security cards, passports)

Code example is here

GitHub Pages example