Integrate Saved Cards at Standard Checkout
Know how to integrate saved cards at standard checkout.
Check the prerequistes and the integration steps for
on your standard checkout page. Know .- Sign up for a Curlec account.
- .
Enable Flash Checkout to save customer card details on Standard Checkout. Authentication is done using PCI-DSS compliant technology to ensure that all the card information is stored securely. Know more about
.Create a customer whose card details should be saved from the Dashboard or using the Customers API. You can create customers with basic details such as email
and contact
using the following endpoint:
The following endpoint creates or add a customer with basic details such as name and contact details. You can use this API for various Curlec Solution offerings.
Know more about
.name
optional
string
Customer's name. Alphanumeric value with period (.), apostrophe ('), forward slash (/), at (@) and parentheses are allowed. The name must be between 3-50 characters in length. For example, Nur Aisyah
.
contact
optional
string
The customer's phone number. A maximum length of 15 characters including country code. For example, +60748901142
.
optional
string
The customer's email address. A maximum length of 64 characters. For example, gaurav.kumar@example.com
.
fail_existing
optional
string
Possible values:
0
: If a customer with the same details already exists, fetches details of the existing customer.1
(default): If a customer with the same details already exists, throws an error.
notes
optional
object
This is a key-value pair that can be used to store additional information about the entity. It can hold a maximum of 15 key-value pairs, 256 characters (maximum) each. For example, "note_key": "Beam me up Scotty”
.
While making the payment, the customer enters the card details in the Checkout form. Pass customer_id
and save=1
along with the other parameters into the Checkout form.
<button id="rzp-button1">Pay</button><script src="https://checkout.razorpay.com/v1/checkout.js"></script><script>var options = {"key": "<YOUR_KEY_ID>","amount": "5076","currency": "MYR","name": "Acme Corp","description": "Test Transaction","image": "https://example.com/your_logo","customer_id": "cust_EYqfYOviw62csf","prefill":{"contact":"60345675444","email":"nur.aisyah@example.com","name":"Nur Aisyah"},"save": 1,"handler": function (response){alert(response.razorpay_payment_id);alert(response.razorpay_order_id);alert(response.razorpay_signature)}};var rzp1 = new Razorpay(options);document.getElementById('rzp-button1').onclick = function(e){rzp1.open();e.preventDefault();}</script>
customer_id
mandatory
string
Unique identifier of the customer. This can be obtained from the response of the previous step.
save
mandatory
boolean
Specifies if the card details should be stored as tokens. Possible values:
1
: Saves the card details0
(default): Does not save the card details.
Know more about
for web integration.Once the card is saved, customers can complete payments on repeat purchases by only entering the CVV. To fetch saved cards, pass the customer_id
to the Checkout form.
Initiate payment by passing customer_id
to Checkout along with the other options.
<button id="rzp-button1">Pay</button><script src="https://checkout.razorpay.com/v1/checkout.js"></script><script>var options = {"key": "YOUR_KEY_ID", // Enter the Key ID generated from the Dashboard"amount": "50000", // Amount is in currency subunits."currency": "MYR","name": "Acme Corp","description": "Test Transaction","order_id":"order_CgmcjRh9ti2lP7","image": "https://example.com/your_logo","customer_id": "cust_EYqfYOviw62csf","handler": function (response){alert(response.razorpay_payment_id);alert(response.razorpay_order_id);alert(response.razorpay_signature)}};var rzp1 = new Razorpay(options);document.getElementById('rzp-button1').onclick = function(e){rzp1.open();e.preventDefault();}</script>
customer_id
mandatory
string
Unique identifier of the customer.
Was this page helpful?