< Back to Widgets

Plans by Supplier

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

<div data-eb-component="eb-daily-rates-by-supplier"
 style="height: 436px;"
 residential="true"
 supplier-code="APGE"
 ref="DEMO"
 >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

As is, this table is set to display every electricity plan available for homes in service areas covered by APGE.

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 supplier:

Change the value of supplier-code="APGE" to a different supplier code.

Find the code for the supplier you want to use below:

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="436px;" to any other numerical value.

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

<div data-eb-component="eb-daily-rates-by-supplier"
  eb-stylesheet="http://link-to-your-css-file.com.css"
 style="height: 436px;"
 residential="true"
 supplier-code="APGE"
 ref="DEMO"
 >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>