Welcome to Zuora Product Documentation

Explore our rich library of product information

Integrate a payment form with your website

Learn how to integrate a payment form with your website using detailed instructions and sample code for a seamless setup.

The Payment Form Implementation Guide provides detailed instructions on integrating a payment form. Follow these steps for a smooth learning path:

The following diagram shows how the hosted payment form works.

Payment Form Workflow
  1. Download the sample code from the implementation guide and complete the Quick Start tasks to quickly get a payment form up and running in a few minutes.
  2. Complete the Customize tasks to personalize the checkout and return page.
  3. Follow the additional steps in the Integrate section to integrate the payment form with your own website.
  4. When your customers are ready to pay, your checkout page creates a payment session.
  5. You mount the payment form component on your website to show the form.
  6. Your customers enter payment details and complete the transaction.