Partner Widgets
Add our electricity rate comparison widget to your website. Your visitors can instantly compare rates from top providers—driving traffic and value to your site.
2
Lines of Code
100%
Customizable
Real-time
Rate Data
Mobile
Responsive
01
Live Widget Demos
See the widget in action—enter any ZIP code to try it out. Each variant is fully functional and ready to embed.
Default
Home
Business
02
Add to Your Website
1
Add this script tag once to your page
Paste this line before your closing </body> tag. You only need it once, even if you use multiple widgets.
<script src="https://www.electricchoice.com/widget/electricchoice-widget.min.js"></script>
2
Place the widget where you want it to appear
Paste this single line anywhere in your HTML. By default, visitors can search for both home and business rates.
<div data-ec-widget></div>
03
Customize It
Add any of the attributes below to control what your visitors see. For example, you can restrict the widget to only show commercial rates, lock it to a specific usage tier like 500 kWh or 2,000 kWh, let visitors pick their own usage level, change the colors to match your brand, and more.
| Attribute | Options | What It Does |
|---|---|---|
data-ec-service-type | residential, commercial | Only show home or business rates (skips the selection step) |
data-ec-usage | 500, 1000, 2000 | Show rates for a specific monthly kWh usage (e.g., 500 kWh for apartments, 2000 kWh for large homes) |
data-ec-show-usage | true, false | Let visitors pick their own usage level from a dropdown (requires service type set to residential) |
data-ec-theme | light, dark | Switch between light and dark color scheme |
data-ec-primary-color | Any hex color | Change the button and accent color to match your brand (e.g., #059669) |
data-ec-title | Any text | Change the widget heading |
data-ec-subtitle | Any text | Change the widget subheading |
data-ec-button-text | Any text | Change the submit button label |
data-ec-placeholder | Any text | Change the ZIP code input placeholder text |
data-ec-max-width | Any CSS width | Set a max width for the widget (e.g., 400px) |
