Skip to main content

Hosted Payment Method Pages 1.0


Hosted Payment Method Pages 1.0

This article is for the Hosted Payment Method Pages (HPM) 1.0. HPM 1.0 is deprecated. We will no longer provide support for any issues with HPM 1.0. Payment Pages 2.0 are the replacement for HPM 1.0. To migrate from HPM 1.0 to Payment Pages 2.0, see this migration guide.

This section describes how to use Hosted Payment Method pages with your website.

Refer to Zuora CPQ development toolkit for implementing hosted pages in Zuora Quotes or in your own Visualforce applications.

How Hosted Payment Method Pages Work

The Hosted Payment Method page flow is best described in the following steps:





Configuration Pages in Zuora

Navigate to the backend configuration pages in the Zuora application through the following path: Settings > Payments > Setup Hosted Pages

List Page

This page lists all existing hosted pages that are set up in your Zuora account and it is also the starting point to create a hosted page.

Details Page

The details page is shown when a user chooses to create or edit a hosted page from the List Page. The details page controls the details of a hosted page, such as:

  • Which fields to display and/or make required to be filled by end-user
  • The labels of the displayed fields
  • The payment gateway to associate with the hosted page
  • CSS styles 

Preview Page

This page generates a preview of the configured iframe and is shown when a hosted page is saved from the Details Page view and displays the HTML URL of the iframe at the bottom of the page.