Skip to main content

Integrate a payment form with your website

Zuora

Integrate a payment form with your website

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

  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.

The following diagram shows how the hosted payment form works.

  1. When your customers are ready to pay, your checkout page creates a payment session.
  2. You mount the payment form component on your website to show the form.
  3. Your customers enter payment details and complete the transaction.

paymentFormWorkflow.png