< Back to Widgets

Plans by Location

How to use:

Copy the HTML code below and place it wherever you need on your site.

1
2
3
4
5
6
7
8
9
10

<div data-eb-component="eb-daily-rates"
  residential="true"
  state-code="TX"
  utility-code="ONCOR"
 style="height: 368px;"
  row-limit="3"
  term="12"
  >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

As is, this table is set to display (20) 12 month electricity plans for homes in Texas within service areas covered by Oncor.

Preview:

Customize this widget:

You'll need to edit the HTML above to customize this widget.

Show business plans:

Remove residential="true" from the code.

Show plans for a different state:

Change the value of state="TX" to any of the following deregulated states we support:

  • IL for Illinois

  • MD for Maryland

  • NJ for New Jersey

  • OH for Ohio

  • PA for Pennsylvania

  • TX for Texas

Show plans for a different utility:

Change the value of utility-code="ONCOR" to a different utility code.

Enter your zip code below to find out which utility code to use:

Add a partner referral code:

Add the attribute ref="DEMO" inside the <div>.

Need more customization options? (zone, rate class, etc.)

Contact us here and we'll reach out to you ASAP.

Change this widget's height:

Change the value of height="368x;" to any other numerical value.

When changing this value, you'll also want to change this widget's row-limit to avoid seeing a scrollbar or unwanted whitespace.

Change the number of rows displayed:

Change the value of row-limit="3" to any other numerical value.

When changing this value, you'll also want to change this widget's height to avoid seeing a scrollbar or unwanted whitespace.

Edit styles / change to dark mode:

You’ll need to recreate our styles on your website using the exact same class names.

Once complete, add a link to your CSS file in the HTML code above.

It should look something like this:

1
2
3
4
5
6
7
8
9
10
11

<div data-eb-component="eb-daily-rates"
  eb-stylesheet="http://link-to-your-css-file.com.css"
  residential="true"
  state-code="TX"
  utility-code="ONCOR"
 style="height: 368px;"
  row-limit="3"
  term="12"
  >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

Styles for this widget:

Note: The Plan Name column will not display for business plans since business electricity plans don't have plan names.