Welcome to Zuora Product Documentation

Explore our rich library of product information

Create and configure a UPI Intent payment page for Adyen

Learn how to create and configure a UPI Indent hosted payment page in Zuora using Adyen Integration v2.0 as the default payment gateway.

Complete the following steps to create and configure a UPI payment page:

  1. In Zuora, navigate to Settings > Payments, and click Setup Payment Page and Payment Link.
  2. On the Payment Pages tab, configure the tenant-level settings for the hosted payment page.
  3. In the Type dropdown list, select UPI Intent, and click Create New Hosted Page.
  4. In the Basic Information section, specify the following fields.
    FieldDescription
    Page Name Enter a name for your hosted payment page. This name is used to identify your payment page in Zuora and is different from the title displayed on the payment page.
    Hosted Domain Enter the domain address from which your payment page is served. The value must be in the format https://www.domain.com. Zuora validates this field. If validation fails, an error message is displayed. To allow subdomain callbacks, enable the tenant-level setting.
    Callback Path Enter the path where the callback page resides. The value must begin with /. This field is required only for advanced implementations using inline forms with an external submit button.
  5. In the Default Payment Gateway field, select an Adyen Integration v2.0 instance.

    You can override this default gateway in your request by specifying a gateway through the paymentGateway client parameter.

  6. In the Page Configuration section, complete the following fields.
    FieldDescription
    Page Title Enter a title for the hosted payment page. Select Display to show the title on the page.
    Page Description Enter the description of the payment page. Select Display to show the description on the page.
    Submit Button Enter the label for the submit button. The submitEnabled client parameter controls the placement of the button.
    Client-Side Validation Select Enable client-side validation to check required fields. You can specify a custom error message and use #fieldName to include the missing field name.
    CSS Enter custom CSS for your page. Custom JavaScript is not supported. The UPI timer window cannot be modified.
  7. Click Generate, and then click Save Page.
  8. Preview the form.