This article is for the 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
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.
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
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.