Saved credit cards

Enable Saved Credit Cards in Optimizely Configured Commerce to streamline the checkout process for your customers. This feature allows customers to add and manage saved credit cards, then select a saved card during checkout instead of having to enter their full credit card details for each transaction.

Once enabled, the My Saved Payments option appears under the My Account menu on the storefront. Customers can access this option to add and manage their saved credit cards. The My Saved Payments page shows a list of all cards saved to a customer's account, with the default card at the top and sorted alphabetically or by card type and last four digits after that. Card information displays the card type and last four digits of the card number or the nickname of the card, if designated.

Customers with access to place orders can use saved credit cards during checkout by selecting a saved card from the Payment Method drop-down list. Customers can also select Credit Card as the Payment Method, enter their credit card details, then select the Save card information check box to save a card to the My Saved Payments page.

When impersonating a customer, you cannot view the credit card information of the customer you are impersonating. Saved cards is also not available for site guests. Individual users can use the same credit card, but there is no ability to add one card to an account, then share it with others. Use of Saved Credit Cards applies to all payment gateways.

Enable saved credit cards

1. Go to Administration > System > Settings in the Admin Console.
2. Search for Enable Saved Credit Cards.
3. Toggle the Enable Saved Credit Card setting to YES. If Yes, this setting enables the ability for customers to save credit cards for repeated use. To enable this option, you must have TokenEx enabled. SDK/Self-Managed customers are responsible for their own PCI-DSS compliance and can choose to open their own TokenEx account. See iFramed Credit Card Processing for SDK.
4. Click Save.

Add a new credit card

1. Go to My Account > My Saved Payments on the storefront.
2. Click Add a Card to add a new credit card to. The Add a Card window appears.
3. Select the Make default check box to make this the default card.
4. Enter the credit card nickname, number, expiration and name on card.
5. Select the Copy address from Bill To check box to copy in the address information from the account Bill-To address or enter the Bill-To address information.
6. Click Save. The card details display on the My Saved Payments page.

📘

Note

The system does not validate entered credit card information when a customer clicks Save after adding a card to My Saved Payments. The system validates credit card information during checkout when the customer enters their CVV.

Manage saved credit cards

1. Go to My Account > My Saved Payments on the storefront.

2. Click Delete if you want to remove an existing card, then verify the removal, or clickEdit to update an existing credit card. The Edit a Card window appears.

3. Select or clear the Make default check box, depending on if should be the default card.

4. Make the necessary updates to the credit card or address details.

   📘

   Note

   You cannot edit the card number of an existing saved card.

5. Select or clear the Copy address from Bill To check box, depending on if you want to copy in the address information from the account Bill-To address or enter the Bill-To address information.

6. Click Save. The updated card details display in the My Saved Payments page.

📘

Note

The system does not validate entered credit card information when a customer clicks Save after adding a card to My Saved Payments. The system validates credit card information during checkout when the customer enters their CVV.

Use saved credit cards during checkout

1. Add products to the cart and click Checkout on the Cart page.

2. Click Continue on the Addresses page.

3. Select a saved credit card, listed either by card nickname or card type and last four digits, from the Payment Method drop-down on the Review And Pay page. The default card is marked as default and other cards sort alphabetically in the list.

   📘

   Note

   If the customer selects an expired card, a message appears below this field with a link to Edit card. The customer cannot checkout with this expired card.

4. Enter the CVV in the Security Code field.

5. Click Place Order. The system validates the credit card information and displays the Order Confirmation page.

📘

Note

If a customer has both terms and credit cards enabled, the Payment Method drop-down list defaults to terms, even if the customer has designated a default credit card.

Save credit cards during checkout

1. Add products to the cart and click Checkout on the Cart page.
2. Click Continue on the Addresses page.
3. Select Credit Card from the Payment Method drop-down on the Review And Pay page. The fields to enter credit card information appear.
4. Enter the card type, name on card, card number, security code and expiration information.
5. Select the Save card information check box if you want to save this credit card to the account. This adds the card to the My Saved Payments page under My Accounts.
6. Select the Use billing address check box to use the billing address on the account or clear it to enter new address details.
7. Click Place Order. The system validates the credit card information and displays the Order Confirmation page.