Hosted Pages

Overview

Hosted Pages allow for customers to send payment details (such as providing a credit card) to purchase a company's product or put on file for recurring payments or update an existing payment method. It ensures that the payment gateways set up in the integrated billing system are also used in PeakCommerce.

To view and configure Hosted Pages, navigate to Payments > Hosted Pages. Hosted Pages can be added, edited or deleted. See the example below.

Adding a Hosted Page

To add a hosted page click the “Add Payment Page” button in the upper right corner.

Components

A description of each field can be found in the order they appear when creating a hosted page.

Hosted Page

This field has dropdown options that include the Hosted Pages previously set up in the billing system. Select the Hosted Page of choice and the next three fields will auto-fill accordingly.

Page Name

This field is automatically filled with the same name from the billing system. However, it may be changed to have a different name displayed in PeakCommerce.

Type

This field is automatically filled in when the hosted page is selected. This information is taken from the billing system.

Version

This field is automatically filled in when the hosted page is selected. This information is taken from the billing system.

Partner Admin

This field is no longer in use.

Payment Gateway

This field has dropdown options that include the payment gateways already set up in the billing system. This field is required.

Hosts

This field is not required.

Assigning Hosted Page to Profile

USD Currency

To assign a Hosted Page to a Profile first navigate to User > Profile. Under Profiles, choose the desired profile and click "Edit".

Navigate to the Configurations tab. Locate the section called Hosted Payment Page at the top. Select a Hosted Page from the dropdown list corresponding to the Type of Payment Method: Credit Card, ACH, SEPA, or Direct Debit. For each type of payment method, there must be a different hosted page.

Example:

If adding an ACH Hosted Page, go to the Configurations tab, and add the proper ACH HP to the field labeled "ACH Hosted Payment Page ID" from the dropdown options.

This profile must also have the following two permissions set to enable use of ACH.

Pay Invoices

  • For customers to pay invoices using ACH, the Pay Invoices with ACH setting must be must be marked "Full" on the Pay Invoices tab. See below.

Payment Method Permission

  • For customers to be able to view the ACH payment methods they have on file, add a new ACH payment method to their account, edit existing ACH payment methods on their account, or do all of the above, the ACH Payment Method Permission on the My Account tab must be marked accordingly: View, Create, Edit, or Full. See below.

Foreign Currency

To assign a Hosted Page to a Profile first navigate to User > Profile. Under Profiles, choose the desired profile and click "Edit".

Navigate to the Currencies tab. Choose the proper currency tab. Locate the section called Hosted Payment Page at the top. Select a Hosted Page from the dropdown list corresponding to the Type of Payment Method: Credit Card, ACH, SEPA, or Direct Debit. For each type of payment method, there must be a different hosted page. Do not make any changes to the Configurations tab for foreign currency Hosted Pages.

Example:

If adding a Direct Debit Hosted Page, go to the Currencies tab, click the GBP tap, and add the proper Direct Debit HP to the field "DirectDebitUK Hosted Payment Page ID" from the dropdown options.

This profile must also have the following two permissions set to enable use of Direct Debit.

Pay Invoices

  • For customers to pay invoices using Direct Debit, the Pay Invoices with Direct Debit UK setting must be must be marked "Full" on the Pay Invoices tab. See below.

Payment Method Permission

  • For customers to be able to view the Direct Debit payment methods they have on file, add a new Direct Debit payment method to their account, edit existing Direct Debit payment methods on their account, or do all of the above, the Bank Transfer Payment Method Permission on the My Account tab must be marked accordingly: View, Create, Edit, or Full. See below.