Skip to main content

Modify Payment Pages

Zuora

Modify Payment Pages

If you use Zuora’s Payment Pages 2.0, you should modify your Payment Pages to include a way for customers to give consent for their payment credentials to be stored on file. After you modify your Payment Pages, Zuora will be able to create stored credential profiles within the payment methods that your customers create through your Payment Pages.

To modify your Payment Pages:

  1. Locate the relevant hosted page in the Payments settings of your Zuora tenant.
  2. Set the Default Payment Gateway of the hosted page to a payment gateway that supports stored credential transactions.

    If you have not created a payment gateway instance that supports stored credential transactions, see Create a new payment gateway instance.

  3. If your Payment Page uses the Zuora JavaScript library:
    1. Modify your Payment Pages to use version 1.3.1 or later of the Zuora JavaScript library.
    2. Add a way for customers to give consent for their payment credentials to be stored on file, then configure your Payment Pages call the Z.setAgreement function when the customer gives consent. For example, you could add a consent checkbox as demonstrated in Integrate Payment Pages 2.0.
      Note: You should specify the agreementSupportedBrands parameter in Z.setAgreement as described in payment gateways so that stored credential profiles for all supported card brands can be successfully created. For example, specify Visa,Mastercard for this parameter if you use Adyen Integration v2.0. All available values for this parameter include:
      • Visa
      • Mastercard
      • Discover
      • AmericanExpress
      • JCB
      • Diners
  4. If your Payment Pages uses Direct POST, add a way for customers to give consent for their payment credentials to be stored on file, then configure your Payment Pages to set the Direct POST fields for stored credentials.