We offer several different options for exposing data in Amberflo back to your customers using Amberflo Customer Usage and Billing Portal.
Customer Usage and Billing Portal has the following applications:
- Customer Usage and Billing Portal APIs
- Fully Hosted Amberflo.io Customer Usage and Billing Portal web application.
- Amberflo embeddable UI components
- For a React.js integration see UI Kit library integration
Amberflo is a developer-first platform, with all functionality and data accessible via API. Call our endpoints to access realtime data on usage, invoice, and prepaid credits and leverage this in your own custom objects, applications, or website. This option requires the most custom development effort, but you can implement any custom visualizations or conditional workflows. There are no data egress charges or fees per API call.
Amberflo hosts a customizable web portal which can be shown back to customers. It contains tabs showing usage data, invoices, and historical cost data. There is the option to enable the Alerts functionality, where customers could configure their own alerts based on conditions relating to usage, invoice, or prepaid balance.
You can customize the branding of the portal with your own corporate logo and you can configure which modules are shown in Customer Portal. To do this, go to Amberflo.io Integrations -> Customer Portal
For Usage Explorer module, you can also select which meters are visible to customers.
The Amberflo UI Kit is a React component library for our customers to embed and expose data and functionality from Amberflo within their own applications or websites. Amberflo automatically generates the code for each respective widget and allows users to customize the components. UI Kit components are responsible of making the API calls automatically and will automatically stay updated with the most current data from Amberflo.
Amberflo offers pre-built UI components for:
- Usage Table
- Usage Graph
- Cost Table
- Invoice Details
- Invoice List
- Prepaid Summary
- Prepaid Wallet
- Payment Method
- Pricing Plan
For more information on how to configure these options, see the walkthrough in our documentation here
See related from Integrations