Skip to navigation
IntegrationIntegration HubCore Connectors and ApplicationsSubscriber PortalConfigure user interface

Example of configuring custom panels

View as Markdown

Provides a step-by-step guide to configuring custom panels, allowing you to present company-specific data to your customers using endpoints, JavaScript, and HTML.

Custom panels enable you to present the data specific to your company to your customers. Take the following steps to configure custom panels:

1

Configure Endpoints. Endpoints are queries against Zuora objects with an identifier that can be used when retrieving data from Zuora.

Configure Custom Panel
2

Use Javascript or Vue.js to make a call to Zuora using your endpoint, and perform the required business logic before presenting to users.

Use JS example
3

Add HTML in the panel to control how the queried data is displayed to the user. This section can include new styles or inherit styles from the previously created CSS in the Override Default CSS Section.

Create HTML