Skip to main content

Payment Pages 2.0


Payment Pages 2.0

Zuora’s Payment Pages allow for subscribers to send payment details to your company in a secure, PCI-compliant manner.

The newest payment pages provide additional flexibility to allow for easier implementations and a more streamlined payment experience. New features include:

Styling Flexibility

Cleaner HTML makes it easier to add your own CSS to create attractive, responsive designs that match the look and feel of your site. You also have the flexibility to choose between embedded and overlay form styles.

Expanded Client-Side Validations

Enhanced client-side validation and credit card type detection is available for each payment page. This provides you with control over the customer's checkout experience, and you can configure these validations in the Zuora UI.

Dynamic Configuration and Localization

For each hosted page, you can upload a set of alternate translations for all labels, error messages, and text elements on the form. Afterward, the language of the payment page can be updated on the fly to match a user’s locale.

Faster and Easier Implementation

Only a few lines of HTML and JS are now needed to load a payment page. In addition, JS and APIs have been improved to generate digital signatures and in-form submission buttons. All code is available in the Zuora JavaScript library.

To learn how to set up Payment Pages 2.0 in Zuora using the embedded iFrame, follow the steps in Payment Pages 2.0 Implementation Overview. After passing the generated signature and other credentials to your client, you can follow Integrate Payment Pages 2.0 to customize your client code so that the created Payment Page can be embedded to your commerce web page.

Alternatively, you can use Direct POST to implement Payment Pages 2.0 if you want full control over the look and feel of your payment form. See Implement Payment Pages 2.0 via Direct POST to learn more.