> For the complete documentation index, see [llms.txt](https://docs.peakcommerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.peakcommerce.com/product/using-peakcommerce/payments-and-payment-methods/credit-card-payment-method.md). # Credit Card Payment Method ### Overview Provided in this article are the steps to set up a Credit Card Hosted Page in PeakCommerce, assign it to a profile, make a payment using the Credit Card, and check the billing system records to ensure it was processed correctly. This article assumes the Credit Card Hosted Page and Payment Gateway have already been created in the billing system. ### Set up Hosted Page #### 1. Create a Credit Card Hosted Page * Navigate to **Payments > Hosted Pages** and click "**Add Payment Page**". * Choose the Credit Card HP you wish to use from the dropdown list. This list is pulled from your billing system Hosted Pages list. * The Page Name will auto-fill the same name from the billing system. This name may be changed in PeakCommerce. * Type and Version will auto-fill. * Partner Admin is not required. * Select the Credit Card Payment Gateway in the billing system from the dropdown list. * Adding a Host is not required. * Click "**ADD HPM**". #### 2. Assign Credit Card Hosted Page to a profile * Navigate to **Users > Profiles**, select the profile of choice and click "**Edit**". **For USD currency:** * Open the Configurations tab. * In the Credit Card Hosted Payment Page ID field, select the Credit Card HP that was just created from the dropdown list. * Click "Update" to save the profile. **For foreign currency:** * Open the Currencies tab and click on the appropriate sub-tab. * In the Credit Card Hosted Payment Page ID field, select the Credit Card HP that was just created from the dropdown list. * Click "Update" to save the profile. Note: Do not make any changes to the Configurations tab for foreign currencies. #### 3. Enable Credit Card in Profile Permissions This profile must also have the following two permissions set to enable use of Credit Card. **Pay Invoices** * For customers to pay invoices using a Credit Card, the Pay Invoices with CC setting must be must be marked "Full" on the Pay Invoices tab. **Payment Method Permission** * For customers to be able to view the Credit Card payment methods they have on file, add a new Credit Card payment method to their account, edit existing Credit Card payment methods on their account, or do all of the above, the CC Payment Methods Permission on the My Account tab must be marked accordingly: View, Create, Edit, or Full. ### Test payment #### 1. Make payment as a customer * Log in as a customer with an open invoice. * Click "Pay an Invoice" * Enter an **amount** * Choose Pay With New Payment Method * Click the Credit Card option then click "**Continue**" * Fill in the payment information then click "**Confirm**" ### Review the transaction in the billing system *The following instructions are specific to Zuora.* #### 1. Open Zuora #### 2. Find the customer * Search for the customer by Name or Account Number. #### 3. Review the Default Gateway * If the permission on the associated profile has "One-Time Purchase Persistent Permission" set to **Full**, or the user chose to process a one-time payment with the permission "One-Time Purchase Configurable Permission" set to **Full,** then the Default Payment Gateway should not have changed on the profile. #### 4. Review the Default Payment Method * If the permission on the associated profile has "One-Time Purchase Persistent Permission" set to **Full** , or the user chose to process a one-time payment with the permission "One-Time Purchase Configurable Permission" set to **Full,** then the Default Payment Method should not have changed on the profile. If it is set to **None** or not chosen, the Default Payment Method should be the newly created Credit Card payment method. #### 5. Check that the Credit Card was used for this particular payment * Under Transactions, go to the Payments tab, and click on the payment number. Make sure the Payment Method information aligns with the Credit Card payment information that was entered. * View the Additional Fields and verify that the payment gateway is the Credit Card one. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.peakcommerce.com/product/using-peakcommerce/payments-and-payment-methods/credit-card-payment-method.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.