Developer & Publisher Tools

Embeddable Energy Calculators

Easily embed any of PowerLab's 30 deterministic energy planning tools into your website, blog, client portal, or contractor proposal with responsive HTML iframes.

1. Select a Calculator to Embed

Calculator Tool

Iframe Height (Pixels)

2. Copy HTML Embed Snippet

<div style="max-width:100%; width:720px; margin:1rem auto; border:1px solid #cbd5e1; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.06);">
  <iframe src="https://www.powelab.org/battery/battery-runtime-calculator?embed=true" width="100%" height="580" style="border:none;" title="Battery Runtime Calculator — PowerLab" loading="lazy"></iframe>
  <div style="padding:8px 16px; background:#f8fafc; font-size:12px; font-family:system-ui,-apple-system,sans-serif; text-align:right; border-top:1px solid #e2e8f0;">
    <a href="https://www.powelab.org/battery/battery-runtime-calculator" target="_blank" rel="noopener" style="color:#c65d24; text-decoration:none; font-weight:600;">⚡ Powered by PowerLab Energy Planning</a>
  </div>
</div>

Live Widget Preview (Battery Runtime Calculator)

⚡ Powered by PowerLab Energy Planning

How to Install on Popular CMS Platforms

WordPress

In the block editor, click + Add Block, search for Custom HTML, and paste the embed snippet.

Webflow & Squarespace

Add an Embed / Code block onto your canvas, paste the HTML code, and publish your changes.

Notion & Ghost

Type /embed, paste the calculator URL directly, and resize the block to your desired width.