Widget Names

When embedding widgets, use the following widget names. The full embedding code is also provided which includes any required instance names:

Note:

The full embedding code provided for widgets below includes the default widget and instance names. Contact Your Delivery Team to determine and receive any additional widget instance names if you embed multiple versions of widgets in your environment.

Feature	Widget Names and Full Embedding Code
Account Center	`widget-communication-preferences` Full embedding code: `<opower-widget-communication-preferences opower-instance="widget-communication-preferences"></opower-widget-communication-preferences>`
Affordability Savings Hub	For the authenticated workflow, you must use `widget-lmi-survey-programs`, and define the `opower-instance` to embed the survey questions on an authenticated webpage. The webpage must exclude footers and side navigation panels. The full embedded tag is: `<opower-widget-lmi-survey-programs opower-instance="widget-lmi-survey-programs"></opower-widget-lmi-survey-programs>` For the pre-authenticated workflow, follow the same steps but embed the survey questions on a pre-authenticated webpage. The full embedded tag is: `<opower-widget-lmi-survey-programs opower-instance="widget-lmi-survey-programs-easyopen-full"></opower-widget-lmi-survey-programs>`
Bill Comparison	`widget-bill-compare-enhanced` Full embedding code: `<opower-widget-bill-compare-enhanced opower-instance="widget-bill-compare-enhanced"></opower-widget-bill-compare-enhanced>`
Bill or Usage Forecast	`widget-bill-forecast` Full embedding code: `<opower-widget-bill-forecast opower-instance="widget-bill-forecast"></opower-widget-bill-forecast>`
Bill Guide	`widget-bill-guide` Full embedding code: `<opower-widget-business-profile opower-instance="widget-business-profile"></opower-widget-business-profile>`
Business Profile	`widget-business-profile` The same `opower-instance` can be used for authenticated or pre-authenticated workflows. The full embedded tag is: `<opower-widget-business-profile opower-instance="widget-business-profile"></opower-widget-business-profile>`
Confirmation Message	`widget-bite-sized` Full embedding code: `<opower-widget-bite-sized opower-instance="widget-bite-sized"></opower-widget-bite-sized>`
Data Browser	`widget-data-browser` Full embedding code: `<opower-widget-data-browser opower-instance="widget-data-browser"></opower-widget-data-browser>`
Demand Heatmap	`widget-demand-heatmap` Full embedding code: `<opower-widget-demand-heatmap opower-instance="widget-demand-heatmap"></opower-widget-demand-heatmap>`
Energy Use Overview	`widget-usage-overview` Full embedding code: `<opower-widget-usage-overview opower-instance="widget-usage-overview"></opower-widget-usage-overview>`
Green Button	`widget-usage-export` Full embedding code: `<opower-widget-usage-export opower-instance="widget-usage-export"></opower-widget-usage-export>`
Guest User Access	`widget-guest-user-access` Full embedding code: `<opower-widget-guest-user-access opower-instance="widget-guest-user-access"></opower-widget-guest-user-access>`
Highest Energy Use Days	`widget-highest-day-of-use` Full embedding code: `<opower-widget-highest-day-of-use opower-instance="widget-highest-day-of-use"></opower-widget-highest-day-of-use>`
Home Energy Analysis v1 - Authenticated Workflow	For the survey questions, you must use `widget-survey`, and define the `opower-instance` to embed the survey questions on a separate webpage. This webpage must exclude footers and side navigation panels. The full embedded tag is: `<opower-widget-survey opower-instance="widget-survey-full"></opower-widget-survey>` For the pre- and post-survey experience, you must embed both `widget-survey` and `widget-disaggregation` together on the same webpage, and define the `opower-instance` attribute as part of the embedded tag. Only one experience is displayed to customers at a time. The full embedded tags are: <opower-widget-survey opower-instance="widget-survey-splash"></opower-widget-survey> `<opower-widget-disaggregation opower-instance="widget-disaggregation"></opower-widget-disaggregation>`
Pre-Authenticated - EasyOpen Workflow - Pre-Authenticated Workflow	You can allow customers to access the survey without logging in to their utility account. For the survey questions, you must use `widget-survey` to embed the survey questions on a separate webpage. This webpage must exclude footers and side navigation panels. The full embedded tag is: `<opower-widget-survey opower-instance="widget-survey-easyopen-full"></opower-widget-survey>` For the pre and post survey experience you must embed both `widget-survey` and `widget-disaggregation` together on the same webpage. Only one experience is displayed to customers at a time. The full embedded tags are: `<opower-widget-survey opower-instance="widget-survey-easyopen-splash"></opower-widget-survey>` `<opower-widget-disaggregation opower-instance="widget-dissagregation-easyopen"></opower-widget-disaggregation>`
Home Energy Analysis v2 - Authenticated Workflow	For the survey questions, you must use `widget-survey`, and define the `opower-instance`, to embed the survey questions on a separate webpage. This webpage must exclude footers and side navigation panels. The full embedded tag is: `<opower-widget-survey opower-instance="widget-survey-full"></opower-widget-survey>` For the pre and post survey experience you must embed both `widget-survey` and `widget-usage-categories` together on the same webpage, and define the `opower-instance` attribute as part of the embedded tag. Only one experience is displayed to customers at a time. The full embedded tags are: `<opower-widget-survey opower-instance="widget-survey-splash"></opower-widget-survey>` <opower-widget-usage-categories opower-instance="widget-usage-categories"></opower-widget-usage-categories>
Pre-Authenticated - EasyOpen Workflow - Pre-Authenticated Workflow	You can allow customers to access the survey without logging in to their utility account. For the survey questions, you must use `widget-survey` to embed the survey questions on a separate webpage. This webpage must exclude footers and side navigation panels. The full embedded tag is: `<opower-widget-survey opower-instance="widget-survey-easyopen-full"></opower-widget-survey>` For the pre and post survey experience you must embed both `widget-survey` and `widget-usage-categories` together on the same webpage. Only one experience is displayed to customers at a time. The full embedded tags are: `<opower-widget-survey opower-instance="widget-survey-easyopen-splash"></opower-widget-survey>` `<opower-widget-usage-categories opower-instance="widget-usage-categories-easyopen"></opower-widget-usage-categories>`
Home Energy Analysis Call-to-Action	`widget-hea-cta` Full embedding code: `<opower-widget-hea-cta opower-instance="widget-hea-cta"></opower-widget-hea-cta>`
Home Energy Analysis Light	`widget-usage-categories-overview` Full embedding code: `<opower-widget-usage-categories-overview opower-instance="widget-usage-categories-overview"></opower-widget-usage-categories>`
How Businesses Use Energy	`widget-business-disaggregation` Full Embedding Code: `<opower-widget-business-disaggregation opower-instance="widget-business-disaggregation"></opower-widget-business-disaggregation>`
Mini Bill Comparison	`widget-mini-bill-compare` Full embedding code: `<opower-widget-mini-bill-compare opower-instance="widget-mini-bill-compare"></opower-widget-mini-bill-compare>`
Neighbor Comparison	`widget-neighbor-comparison` Full embedding code: `<opower-widget-neighbor-comparison opower-instance="widget-neighbor-comparison"></opower-widget-neighbor-comparison>`
Next Best Action	`widget-next-best-action` Full embedding code: `<opower-widget-next-best-action opower-instance="widget-next-best-action"></opower-widget-next-best-action>`
Peak Time Rebates	`widget-peak-time-rebate` Full embedding code: `<opower-widget-peak-time-rebate opower-instance="widget-peak-time-rebate"></opower-widget-peak-time-rebate>`
Portfolio View	`widget-portfolio-view` Full embedding code: `<opower-widget-portfolio-view opower-instance="widget-portfolio-view"></opower-widget-portfolio-view>`
Rate Comparison	`widget-rates` Full embedding code: `<opower-widget-rates opower-instance="widget-rates"></opower-widget-rates>`
Rates Light	`widget-rates-light` Full embedding code: `<opower-widget-rates-light opower-instance="widget-rates-light"></opower-widget-rates-light>`
Near Real Time Usage	`widget-real-time-ami` Full embedding code: `<opower-widget-real-time-ami opower-instance="widget-real-time-ami"></opower-widget-real-time-ami>`
Solar Savings Insight	`widget-solar-savings` Full embedding code: `<opower-widget-solar-savings opower-instance="widget-solar-savings"></opower-widget-solar-savings>`
Solar Welcome Experience - How Solar Works	`widget-how-solar-billing-works` Full embedding code: `<opower-widget-how-solar-billing-works opower-instance="widget-how-solar-billing-works"></opower-widget-how-solar-billing-works>`
Tips Light	`widget-tips-light` Full embedding code: `<opower-widget-tips-light opower-instance="widget-tips-light"></opower-widget-tips-light>`
Tips List	`widget-ways-to-save` This widget is part of the Ways to Save widget. This widget can be configured to display the Tips List user experience by default rather than the Ways to Save experience. Full embedding code: `<opower-widget-ways-to-save opower-instance="widget-ways-to-save"></opower-widget-ways-to-save>`
Ways to Save	`widget-ways-to-save` Full embedding code: `<opower-widget-ways-to-save opower-instance="widget-ways-to-save"></opower-widget-ways-to-save>`