Welcome to Zuora Product Documentation

Explore our rich library of product information

Embed a hosted page on a visualforce page

This task guides you through embedding a Zuora hosted page on a custom Visualforce page using the HostedPage component.

This page shows how to use the HostedPage component to embed a Zuora hosted page on a custom Visualforce page. A sample scenario is used to describe each step.

The summary of the process to embed a hosted page is:

  1. Configure a hosted payment page in Salesforce.
  2. Create a custom hosted page controller.
  3. Create a custom hosted page.
  4. Create a custom callback controller.
  5. Create a custom callback page.
  6. Configure the callback URL in Zuora to point to the custom callback page.
  7. Create a custom button for hosted payment page.