Example of configuring custom panels
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:
-
Configure Endpoints. Endpoints are queries against Zuora objects with an identifier that can be used when retrieving data from Zuora.
-
Use Javascript or Vue.js to make a call to Zuora using your endpoint, and perform the required business logic before presenting to users.
-
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.