Add Electricity Comparison to Your Website
Embed our rate comparison widget anywhere. Your visitors can instantly compare plans from top providers — two lines of code, zero cost.
2 lines
To Embed
75+
Providers
100%
Customizable
Free
Forever
Live Demos
See It in Action
Each variant below is fully functional. Enter any Texas ZIP code to try it out — what you see is exactly what your visitors will get.
Default
Residential
Commercial
Get Started
Add to Your Website
1
Add the script
Paste this once before your closing </body> tag. One script handles every widget on the page.
<script src="https://www.electricchoice.com/widget/electricchoice-widget.min.js"></script>
2
Customize the widget
Add tags to attach your partner ID, search by service type, change widget styling, and more.
<div data-ec-widget data-ec-partner-id="YOUR_PARTNER_ID" data-ec-service-type="residential"></div>
Customization
Make It Yours
Add any of these attributes to the widget div to control service type, usage tier, colors, labels, and layout. Mix and match freely.
| Attribute | Options | Description |
|---|---|---|
data-ec-partner-id | Your partner ID | Required — tracks signups to your partner account |
data-ec-service-type | residential, commercial | Lock to home or business rates (skips the selection step) |
data-ec-usage | 500, 1000, 2000 | Show rates for a specific monthly kWh usage tier |
data-ec-show-usage | true, false | Let visitors pick their own usage level from a dropdown |
data-ec-theme | light, dark | Switch between light and dark color schemes |
data-ec-primary-color | Any hex color | Change button and accent color to match your brand |
data-ec-title | Any text | Override the widget heading |
data-ec-subtitle | Any text | Override 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 |
data-ec-max-width | Any CSS width | Constrain the widget width (e.g., 400px) |