Skip to main content

Hosted Payment Method Pages 1.0


Hosted Payment Method Pages 1.0

Payment Pages 2.0 are now generally available, and are a replacement for the Hosted Payment Method Pages 1.0. Please consider using Payment Pages 2.0, as there are no further plans for Hosted Payment Method Pages 1.0.

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.

Hosted Payment Pages list

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 

Hosted Payment Pages details


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.

Example of a Hosted Payment Method Page Preview