Digital Self Service - Energy Management Web Portal
The Digital Self Service - Energy Management Web Portal is a flexible web experience that provides utility customers with personalized energy data, insights, and recommendations on how to save energy. The experience is delivered through modular, mobile responsive widgets that are included in a standalone web portal or embedded in the pages of a utility's web site.
On this page:
Widgets and Requirements
The Digital Self Service - Energy Management Web Portal includes the widgets listed below. Most widgets and insights are available with billing data, while others require AMI and rates data. For a list of product-wide requirements, see Requirements and Limitations. Additional requirements vary by widget.
Note: Utilities must purchase additional cloud services to enable AMI and rates-based features and insights. See Getting Started for more information.
Responsive Layout
The layout and design of widgets is responsive so that the functionality can display correctly on mobile as well as desktop displays. This design allows for a single version of a website that automatically adjusts based on the customer's screen size and orientation. Note that the responsive design can cause user experience variations because the components of a widget may be hidden or adjusted. For example, separate navigation options can be combined into a single drop-down list on smaller screen sizes.
Note: A minimum width of 320 pixels is required for devices to display widgets.
Embeddable Widgets
An embeddable widget is any widget that can be included directly on an existing web page rather than requiring its own page. An embeddable widget can be included on a webpage in the standalone version of the Digital Self Service - Energy Management Web Portal, or on a utility-hosted webpage. Utilities can improve the customer experience of their website by directly surfacing data and insights through embeddable widgets.
To embed a widget, JavaScript that calls the widget is provided to the utility. The JavaScript can be placed in the HTML of a web page, in the desired location. When a utility receives an updated widget, users automatically receive the latest version of the content when visiting the page that contains the embeddable widget. For more information on embedding widgets, see Embedding a Widget Using Web Components.
Be aware that the width of widgets that are embedded in containers is restricted by the container. This can cause embedded widgets to switch to smaller, responsive layouts at larger, overall screen sizes as compared to widgets that can utilize the full width of the page.