Collect.js

Collect.js is CyoGate's JavaScript tokenization library. It renders secure, iframe-based payment fields — card data is captured inside sandboxed iframes and sent directly to CyoGate's servers, keeping your application completely out of PCI scope.

Why Use Collect.js

• PCI Scope Reduction — Card data never passes through your servers (SAQ A eligible)
• Flexible — Works with any frontend framework or plain HTML
• Digital Wallet Support — Apple Pay and Google Pay included
• Real-Time Validation — Built-in card number, expiry, and CVV validation
• Card Type Detection — Identifies card type in real time for surcharging

How It Works

1. Include the Collect.js script with your Public API Key
2. Collect.js renders secure iframes for each payment field
3. Customer enters card data inside the iframes — your JavaScript cannot read this
4. On submit, Collect.js tokenizes and calls your callback with a payment token
5. Your JavaScript sends the token to your server
6. Your server uses the token + Private Key to process via the gateway API

Topics

• Quick Start Guide
• Advanced Integrations
• Digital Wallet Setup
• Surcharging with Card Type Detection