Manage saved credit cards
Enable Saved Credit Cards on your Optimizely Configured Commerce website 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
- Go to Administration > System > Settings in the Admin Console.
- Search for Enable Saved Credit Cards.
- Toggle the Enable Saved Credit Card setting to Yes. This lets customers save credit cards for repeated use. To enable this option, you must have TokenEx, Paymetric, Spreedly or Square enabled.
- Click Save.
Add a credit card
- Go to My Account > My Saved Payments on the storefront.
- Click Add a Card to add a new credit card. The Add a Card window appears.
- Select the Make default check box to make this the default card.
- Enter the credit card nickname, number, expiration and name on card.
- 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.
- 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
- Go to My Account > My Saved Payments on the storefront.
- Click Delete to remove an existing card, then verify the removal, or click Edit to update an existing credit card. The Edit a Card window appears.
- Select or clear the Make default check box, depending on if should be the default card.
- Make the necessary updates to the credit card or address details.
Note
You cannot edit the card number of an existing saved card.
- 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.
- 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
- Add products to the cart and click Checkout on the Cart page.
- Click Continue on the Addresses page.
- 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 displays with a link to Edit card. The customer cannot checkout with this expired card.
- Enter the CVV in the Security Code field.
- 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
- Add products to the cart and click Checkout on the Cart page.
- Click Continue on the Addresses page.
- Select Credit Card from the Payment Method drop-down list on the Review And Pay page. The fields to enter credit card information display.
- Enter the card type, name on the card, card number, security code, and expiration information.
- Select the Save card information checkbox to save this credit card to the account. This adds the card to the My Saved Payments page under My Accounts.
- Select the Use billing address checkbox to use the billing address on the account or clear it to enter new address details.
- Click Place Order. The system validates the credit card information and displays the Order Confirmation page.
Change payment method iframe
Only Optimizely can help you change your iframe. Submit a Support ticket request to update your Sandbox environment with the Payment Gateway IFrame value set to the provider of your choice (Paystand, Adyen, Paymetric, or Square). Once updated, your Sandbox’s IFrame across all sites uses that iframe.
Warning
Due to data incompatibility across iframes, changing to a different iframe (such as TokenEx, Paymetric, Square Drop-in, or Adyen Drop-in) deletes all existing saved payment methods for all web users.