Skip to content
Payments

How to add and manage your customer's cards on file

Overview Managing customer payment methods efficiently is essential for streamlining transactions and ensuring a seamless customer experience. This…

3 min read754 words9 explained imagesUpdated Wed, 15 Apr at 1:39 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.

Overview

Managing customer payment methods efficiently is essential for streamlining transactions and ensuring a seamless customer experience. This document provides an overview of two key features designed to simplify payment management: adding cards on file and managing cards on file. These features enable businesses to securely fetch cards on file (just the last 3/4 digits and expiry date of the cards are fetched from the provider and shown on the UI), view, and manage customer payment information.

Where to find?

Contacts > Contact Details > '$' icon (denotes Payments) > Actions

Figure 1 What this shows Contacts > Contact Details > '$' icon (denotes Payments) > Actions What this shows Illustrates "How to add and manage your customer's cards on file". This screenshot appears in "How to add and manage your customer's cards on file". The text alongside this image reads: Contacts > Contact Details > '$' icon (denotes Payments) > Actions. The navigation path used here is Contacts > Contact Details. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: Click the 'Add Card on File' button under 'Actions' Enter the card number, expiration date, and CVV along with the Country Verify the information and click 'Add Card' It can be done for cards in both live and test mode. Path: Contacts > Contact DetailsImage 1 of 9 What this coversContacts > Contact Details > '$' icon (denotes Payments) > Actions
Fields in this part of the guide Verify the information and click 'Add Card'It can be done for cards in both live and test modeIdentify the card you wish to remove
Buttons and menus referenced OverviewDelete
Next stepClick the 'Add Card on File' button under 'Actions' Enter the card number, expiration date, and CVV along with the Country Verify the information and click 'Add Card' It can be done for cards in both live and test mode
All 4 steps in this procedure
  1. Click the 'Add Card on File' button under 'Actions'
  2. Enter the card number, expiration date, and CVV along with the Country
  3. Verify the information and click 'Add Card'
  4. It can be done for cards in both live and test mode

How to add a card on file?

  • Click the 'Add Card on File' button under 'Actions'

  • Enter the card number, expiration date, and CVV along with the Country

  • Verify the information and click 'Add Card'

  • It can be done for cards in both live and test mode

Figure 2 What this shows Click the 'Add Card on File' button under 'Actions' Enter the card number, expiration date, and CVV along with the Country Verify the… What this shows Illustrates "How to add and manage your customer's cards on file". This screenshot appears in "How to add and manage your customer's cards on file". The text alongside this image reads: Click the 'Add Card on File' button under 'Actions' Enter the card number, expiration date, and CVV along with the Country Verify the information and click 'Add Card' It can be done for cards in both live and test mode. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: Click the 'Manage Cards' button under 'Actions' All cards would be fetched from respective providers and their last 3/4 digits along with expiry date would be visible as a list. Note - Cards are not stored and cannot be stored as per…. Image 2 of 9 What to fill inClick the 'Add Card on File' button under 'Actions' Enter the card number, expiration date, and CVV along with the Country Verify the information and click 'Add Card' It can be done for cards in both live and test mode
Fields in this part of the guide Verify the information and click 'Add Card'It can be done for cards in both live and test modeIdentify the card you wish to remove
Buttons and menus referenced OverviewDelete
Next stepClick the 'Manage Cards' button under 'Actions' All cards would be fetched from respective providers and their last 3/4 digits along with expiry date would be visible as a list. Note - Cards are not stored and cannot be stored as per compliance, hence the card details are always freshly fetched, from the payment provider, every time the user lands on this modal for any customer Each card entry includes the last four digits, expiration date, and any associated label Both test and live mode cards would be visible in respective lists
All 4 steps in this procedure
  1. Click the 'Add Card on File' button under 'Actions'
  2. Enter the card number, expiration date, and CVV along with the Country
  3. Verify the information and click 'Add Card'
  4. It can be done for cards in both live and test mode

How to view cards on file?

  • Click the 'Manage Cards' button under 'Actions'

  • All cards would be fetched from respective providers and their last 3/4 digits along with expiry date would be visible as a list. Note - Cards are not stored and cannot be stored as per compliance, hence the card details are always freshly fetched, from the payment provider, every time the user lands on this modal for any customer

  • Each card entry includes the last four digits, expiration date, and any associated label

  • Both test and live mode cards would be visible in respective lists

Figure 3 What this shows Click the 'Manage Cards' button under 'Actions' All cards would be fetched from respective providers and their last 3/4 digits along with… What this shows Illustrates "How to add and manage your customer's cards on file". This screenshot appears in "How to add and manage your customer's cards on file". The text alongside this image reads: Click the 'Manage Cards' button under 'Actions' All cards would be fetched from respective providers and their last 3/4 digits along with expiry date would be visible as a list. Note - Cards are not stored and cannot be stored as per compliance, hence the card details are always freshly fetched…. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: Identify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live mode cards can be deleted from respective lists In case a card is in for an active subscription…. Image 3 of 9 What to clickClick the 'Manage Cards' button under 'Actions' All cards would be fetched from respective providers and their last 3/4 digits along with expiry date would be visible as a list. Note - Cards are not stored and cannot be stored as per compliance, hence the card details are always freshly fetched, from the payment provider, every time the user lands on this modal for any customer Each card entry includes the last four digits, expiration date, and any associated label Both test and live mode cards would be visible in respective lists
Fields in this part of the guide Verify the information and click 'Add Card'It can be done for cards in both live and test modeIdentify the card you wish to remove
Buttons and menus referenced OverviewDelete
Next stepIdentify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live mode cards can be deleted from respective lists In case a card is in for an active subscription within GHL Customer Care, the prompt would call this out before confirming the deletion. Even with the prompt if the card is deleted, the subscriptions associated with such a card will have no associated payment method for auto deduction.
All 4 steps in this procedure
  1. Click the 'Add Card on File' button under 'Actions'
  2. Enter the card number, expiration date, and CVV along with the Country
  3. Verify the information and click 'Add Card'
  4. It can be done for cards in both live and test mode

How to delete cards on file?

  • Identify the card you wish to remove

  • Click the Delete button next to the card

  • Confirm the deletion in the pop-up prompt

  • Both test and live mode cards can be deleted from respective lists

  • In case a card is in for an active subscription within GHL Customer Care, the prompt would call this out before confirming the deletion. Even with the prompt if the card is deleted, the subscriptions associated with such a card will have no associated payment method for auto deduction.

Figure 4 What this shows Identify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live… What this shows Illustrates "How to add and manage your customer's cards on file". This screenshot appears in "How to add and manage your customer's cards on file". The text alongside this image reads: Identify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live mode cards can be deleted from respective lists In case a card is in for an active subscription within GHL Customer Care, the prompt would call this out before…. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: Note: As per compliance, we do not store any card data on our end. We securely fetch card details (last 3/4 digits and expiry date along with provider - Visa/MasterCard, etc.) every time the business lands on this modal for any customer…. Image 4 of 9 How to confirmIdentify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live mode cards can be deleted from respective lists In case a card is in for an active subscription within GHL Customer Care, the prompt would call this out before confirming the deletion. Even with the prompt if the card is deleted, the subscriptions associated with such a card will have no associated payment method for auto deduction.
Fields in this part of the guide Verify the information and click 'Add Card'It can be done for cards in both live and test modeIdentify the card you wish to remove
Buttons and menus referenced OverviewDelete
Next stepNote: As per compliance, we do not store any card data on our end. We securely fetch card details (last 3/4 digits and expiry date along with provider - Visa/MasterCard, etc.) every time the business lands on this modal for any customer. This is fetched directly from the payment provider and the delete action is executed with the help of the payment provider.
All 4 steps in this procedure
  1. Click the 'Add Card on File' button under 'Actions'
  2. Enter the card number, expiration date, and CVV along with the Country
  3. Verify the information and click 'Add Card'
  4. It can be done for cards in both live and test mode
Figure 5 What this shows Identify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live… What this shows Illustrates "How to add and manage your customer's cards on file". This screenshot appears in "How to add and manage your customer's cards on file". The text alongside this image reads: Identify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live mode cards can be deleted from respective lists In case a card is in for an active subscription within GHL Customer Care, the prompt would call this out before…. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: Note: As per compliance, we do not store any card data on our end. We securely fetch card details (last 3/4 digits and expiry date along with provider - Visa/MasterCard, etc.) every time the business lands on this modal for any customer…. Image 5 of 9 How to confirmIdentify the card you wish to remove Click the Delete button next to the card Confirm the deletion in the pop-up prompt Both test and live mode cards can be deleted from respective lists In case a card is in for an active subscription within GHL Customer Care, the prompt would call this out before confirming the deletion. Even with the prompt if the card is deleted, the subscriptions associated with such a card will have no associated payment method for auto deduction.
Fields in this part of the guide Verify the information and click 'Add Card'It can be done for cards in both live and test modeIdentify the card you wish to remove
Buttons and menus referenced OverviewDelete
Next stepNote: As per compliance, we do not store any card data on our end. We securely fetch card details (last 3/4 digits and expiry date along with provider - Visa/MasterCard, etc.) every time the business lands on this modal for any customer. This is fetched directly from the payment provider and the delete action is executed with the help of the payment provider.
All 4 steps in this procedure
  1. Click the 'Add Card on File' button under 'Actions'
  2. Enter the card number, expiration date, and CVV along with the Country
  3. Verify the information and click 'Add Card'
  4. It can be done for cards in both live and test mode

Note: As per compliance, we do not store any card data on our end. We securely fetch card details (last 3/4 digits and expiry date along with provider - Visa/MasterCard, etc.) every time the business lands on this modal for any customer. This is fetched directly from the payment provider and the delete action is executed with the help of the payment provider.

Manage Cards on File in the Mobile App

Managing cards on file in the GHL Customer Care mobile app makes it easier to save payment methods directly from a contact record and reuse them for future payment activity. This helps speed up repeat purchases, keeps customer billing details organized, and supports a smoother payment experience from the mobile app.

You can now save, view, and remove a customer's card on file directly from the contact's payment area in the GHL Customer Care mobile app.

Manage Cards on File in the Mobile App (image 6 of 9) What this shows You can now save, view, and remove a customer's card on file directly from the contact's payment area in the GHL Customer Care mobile app. What this shows Illustrates the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". This screenshot appears in the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". The text alongside this image reads: You can now save, view, and remove a customer's card on file directly from the contact's payment area in the GHL Customer Care mobile app. This part of the guide covers 4 fields, listed below. Immediately after, the guide continues: Add a card on file in the mobile app. Image 6 of 9 How to confirmYou can now save, view, and remove a customer's card on file directly from the contact's payment area in the GHL Customer Care mobile app.
Fields in this part of the guide TransactionsInvoicesEstimatesIn-person charges
Buttons and menus referenced Add a card on file in the mobile appGHL Customer Care mobile appContactsPaymentsManage CardsNew card.Use a saved card for future paymentsRemove a saved card in the mobile appDeleteRemove
Next stepAdd a card on file in the mobile app
All 4 steps in this procedure
  1. Transactions
  2. Invoices
  3. Estimates
  4. In-person charges

Add a card on file in the mobile app

Saving a card from the contact record gives your team a faster way to support repeat purchases and follow-up charges without asking the customer to re-enter their payment details each time.

1. Open the GHL Customer Care mobile app.

2. Go to Contacts.

3. Select the contact you want to update.

4. Open the Payments tab.

5. Tap Manage Cards.

6. Tap New card.

7. Enter the customer's card details.

8. Save the card.

Manage Cards on File in the Mobile App (image 7 of 9) What this shows 7. What this shows Illustrates the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". This screenshot appears in the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". The text alongside this image reads: 7. Enter the customer's card details. For context, this section explains: Managing cards on file in the GHL Customer Care mobile app makes it easier to save payment methods directly from a contact record and reuse them for future payment activity. This helps speed up repeat purchases, keeps customer billing details organized, and supports a smoother payment experience…. This part of the guide covers 4 fields, listed below. Immediately after, the guide continues: Use a saved card for future payments. Image 7 of 9 What to fill in7. Enter the customer's card details.
Fields in this part of the guide TransactionsInvoicesEstimatesIn-person charges
Buttons and menus referenced Add a card on file in the mobile appGHL Customer Care mobile appContactsPaymentsManage CardsNew card.Use a saved card for future paymentsRemove a saved card in the mobile appDeleteRemove
Next stepUse a saved card for future payments
All 4 steps in this procedure
  1. Transactions
  2. Invoices
  3. Estimates
  4. In-person charges
Manage Cards on File in the Mobile App (image 8 of 9) What this shows 7. What this shows Illustrates the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". This screenshot appears in the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". The text alongside this image reads: 7. Enter the customer's card details. For context, this section explains: Managing cards on file in the GHL Customer Care mobile app makes it easier to save payment methods directly from a contact record and reuse them for future payment activity. This helps speed up repeat purchases, keeps customer billing details organized, and supports a smoother payment experience…. This part of the guide covers 4 fields, listed below. Immediately after, the guide continues: Use a saved card for future payments. Image 8 of 9 What to fill in7. Enter the customer's card details.
Fields in this part of the guide TransactionsInvoicesEstimatesIn-person charges
Buttons and menus referenced Add a card on file in the mobile appGHL Customer Care mobile appContactsPaymentsManage CardsNew card.Use a saved card for future paymentsRemove a saved card in the mobile appDeleteRemove
Next stepUse a saved card for future payments
All 4 steps in this procedure
  1. Transactions
  2. Invoices
  3. Estimates
  4. In-person charges

Use a saved card for future payments

Saved cards on file can help reduce checkout friction for returning customers. Once a card is stored for a contact, it becomes available during supported payment flows tied to that contact.

Saved cards may appear as available payment methods when you create payment-related records for the contact, such as:

  • Transactions
  • Invoices
  • Estimates
  • In-person charges

Remove a saved card in the mobile app

Removing old or unused cards helps keep customer payment methods accurate and easier to manage.

1. Open Manage Cards for the contact.

2. Locate the saved card you want to remove.

3. Swipe left on the card.

4. Tap Delete or Remove, based on the final confirmed UI label.

5. Confirm the action.

Manage Cards on File in the Mobile App (image 9 of 9) What this shows 4. What this shows Illustrates the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". This screenshot appears in the "Manage Cards on File in the Mobile App" section of "How to add and manage your customer's cards on file". The text alongside this image reads: 4. Tap Delete or Remove, based on the final confirmed UI label. This part of the guide covers 4 fields, listed below. Immediately after, the guide continues: Key benefits of managing cards on file in the mobile app. Image 9 of 9 What to click4. Tap Delete or Remove, based on the final confirmed UI label.
Fields in this part of the guide TransactionsInvoicesEstimatesIn-person charges
Buttons and menus referenced Add a card on file in the mobile appGHL Customer Care mobile appContactsPaymentsManage CardsNew card.Use a saved card for future paymentsRemove a saved card in the mobile appDeleteRemove
Next stepKey benefits of managing cards on file in the mobile app
All 4 steps in this procedure
  1. Transactions
  2. Invoices
  3. Estimates
  4. In-person charges

Key benefits of managing cards on file in the mobile app

Managing cards on file from the mobile app helps teams work faster and gives customers a smoother payment experience.

  • Faster repeat payments: Save time by reusing stored cards for returning customers.
  • Better contact-level organization: Keep payment methods connected to the correct contact record.
  • Improved mobile workflow: Manage payment methods without leaving the mobile app.
  • Smoother customer experience: Reduce the need for customers to share card details again for future charges.

Was this guide helpful?

Related guides

How-to add Taxes Overview11 min read · 16 imagesUsing Apple Pay and Google Pay in order forms5 min read · 3 imagesCustomize Email and SMS notifications for invoicing4 min read · 5 imagesHow to manage Refunds within the CRM?6 min read · 8 images