Encryption of Card Data Information

Card data information is sensitive data and shouldn't expose to any unauthorized party. We would like to ensure that sensitive data such as PAN, expiry date & CVV is securely integrated in between 2c2p and merchant end. Merchant could provide the best payment experience to the customer without requiring to go through complex and demanding requirement of PCIDSS and other compliances. We have provided Java Script SDK and allowed merchant to encrypted the data. Below show how it work.

Import 2c2p Java Script SDK

<script type="text/javascript" src="https://demo2.2c2p.com/2C2PFrontEnd/SecurePayment/api/my2c2p.1.6.9.min.js"></script>

🚧

Secure Pay JS library

Refer latest library for Demo & Live Environment

Prepare Card Data Fields

Follow the below html field to prepare the data. Add 'data-encrypt' fields into form to capture card information securely.

<form id="2c2p-payment-form" action="[Merchant Backend]" method="POST"> 
    <input type="text" data-encrypt="cardnumber" maxlength="16" placeholder="Credit Card Number"><br/>
    <input type="text" data-encrypt="month" maxlength="2" placeholder="MM"><br/>
    <input type="text" data-encrypt="year" maxlength="4" placeholder="YYYY"><br/>
    <input type="password" data-encrypt="cvv" maxlength="4" autocomplete="off" placeholder="CVV2/CVC2"><br/>
    <input type="submit" value="Submit">
</form>

Submit Form

Submit form via 2c2p SDK. Validation will be perform from 2c2p end, if successfully validated, form will be submitted to merchant backend, else error return be return refer below

<script type="text/javascript">
    My2c2p.onSubmitForm("2c2p-payment-form", function(errCode,errDesc){
        if(errCode!=0){
            alert(errDesc+" ("+errCode+")");
        }
    });
</script>