Capture user details while they are checking out on your website
The relationship between you and your customer is vital for your business growth. The ability to help your customer save and store card information with you can improve return visits and future checkout experiences for a customer. Using the Save Card Details page can help capture your customer’s card information with a unique customer ID, so they won’t have to keep inputting their login info each time they make a purchase on your website.
In the case where your customer is making a purchase with a new card, the ability to save their card during the checkout process is helpful for a smooth workflow while capturing user data.
You can present a “save card” checkbox while the customer completes their payment details in checkout. You will generate a customer ID starting with cus_ and use save_card_default to include a filled “save card” checkbox as described in Create Checkout Page.
Capturing your customer details during their checkout process can be a vital tool to save time for future purchases using the same card. You can follow the steps below to save your customer details during the checkout process.
In the response, you will get a Wallet ID similar to ewallet_7b1af2d0bd68d88dafa4f8285a3e0efb
In the response, you will get a Customer ID similar to cus_4bf44cad8bd767a6e450859ec08fc6bc
In this workflow you may have created an account for a customer, or the customer may have previously completed a purchase in which case the customer ID is returned in the webhook.
Create Hosted Checkout Page with customer ID and save_card_default
In your parameters to generate a Hosted Checkout Page, be sure to include “save_card_default”:true
Save Card Details During Checkout Example
Photos by rupixen via unsplash.