Welcome to Zuora Product Documentation

Explore our rich library of product information

HostedPage component

This article describes the HostedPage Component Attributes and its hosted pages.

The HostedPage component embeds a Zuora hosted page in an iFrame on a Visualforce page. This component allows you to add complex, PCI-compliant Zuora functionality to your Force.com application with relatively minimal effort.

Note:

The HostedPage component is available in the Versions 5.100 and later of Zuora Quotes.

Note:

A newer and improved version of the hosted page component, PaymentPage Component, is available. For new integration project, we recommend you use the PaymentPage component.

See Use Hosted Pages in Visualforce for detail information about embedding a hosted page on a Visualforce page using the HostedPage component.

The Zuora hosted pages are listed in the table below, along with an example of where they are used in Zuora Quotes.

Page type

Description

Used in

Checkout page

A checkout page lets your customers create a new account, subscribe to a product, and set up a payment method, e.g., a credit card, on a single hosted page.

Checkout.page

Payment Method page

A payment method page lets your customers set up a payment method. It is suitable for inserting into a simple or complex workflow.

HPM.page

HostedPage Component Attributes

The HostedPage component has the following attributes.

Attribute

Required?

Type

Description

controller

Yes

zqu.ZCheckoutBaseController

The controller for the page of this component

hostedPageSettingName

Yes

String

The unique name of the Hosted Page Configuration Setting. The Hosted Page Configuration Setting can be entered on Hosted Page Settings page on the Zuora Config tab.

id

No

String

An identifier that allows the component to be referenced by other components in the page

includeButtonBar

No

Boolean

Determines whether the button bar containing the "Save" and "Cancel" buttons are included in the component.

For Z-Checkout pages, since the button is already included in the iFrame, you should enter value false. Default is true.

injectedController

Yes

zqu.ZCheckoutBaseController

The controller for the page of this component

rendered

No

Boolean

Specifies whether the component is rendered on the page. The default is True.