< Back to Widgets

Utility Code Lookup

How to use:

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

1
2
3
4
5

<div data-eb-component="eb-zip-code-to-utility"
  style="height: 228px;"
 >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

Preview:

Customize this widget:

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

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

<div data-eb-component="eb-zip-code-to-utility"
 eb-stylesheet="http://link-to-your-css-file.com.css"
  style="height: 228px;"
 >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

Styles for Zip Code Input:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

1

<input type="text" class="eb-text-field w-input" placeholder="Enter your zip code">

Styles for Button:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

1

<button class="eb-form-button w-button">Find utility code</button>