https://github.com/datatrans/secure-fields-sample
Visually pleasing credit card forms with Datatrans Payment Gateway and PCI Proxy.
https://github.com/datatrans/secure-fields-sample
Last synced: 4 months ago
JSON representation
Visually pleasing credit card forms with Datatrans Payment Gateway and PCI Proxy.
- Host: GitHub
- URL: https://github.com/datatrans/secure-fields-sample
- Owner: datatrans
- License: mit
- Created: 2019-01-16T07:38:15.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2026-01-27T14:22:40.000Z (5 months ago)
- Last Synced: 2026-01-28T01:36:59.832Z (5 months ago)
- Language: HTML
- Homepage: https://datatrans.github.io/secure-fields-sample/
- Size: 2.25 MB
- Stars: 9
- Watchers: 7
- Forks: 7
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Secure Fields examples
This project contains sample code for implementing a visually pleasing credit card form.
Further information can be found here:
- [As a PCI Proxy customer](https://docs.pci-proxy.com/docs/secure-fields)
- [As a Datatrans Payment Gateway customer](https://docs.datatrans.ch/docs/secure-fields)
## Online demo
Visit the [online demo](https://datatrans.github.io/secure-fields-sample/pciproxy-examples) here.
**Note**: Please only ever use `secureFields.initTokenize(...)` if you are a PCI Proxy customer.
## React examples
### For PCI Proxy customers
An example of how to integrate Secure Fields with React applications can be found in the
[react-example-initTokenize](react-example-initTokenize/) folder.
### For Datatrans Payment Gateway customers
An example of how to integrate Secure Fields with React applications can be found in the
[react-example-init](react-example-init/) folder.
## Angular examples
### For PCI Proxy customers
An example of how to integrate Secure Fields with Angular 20 applications can be found in the
[angular-20-example](angular-20-example/) folder.