How to Add a Hydrogen Energy Storage Lab to Your Website

You can add a full hydrogen energy storage lab to any website, blog, or classroom page with a single line of code — free, with no sign-up, no plugin, and no script to install. Visitors split water into hydrogen with an electrolyzer, store it in a tank, and convert it back to electricity in a fuel cell — watching how much comes back. The lesson it makes concrete is the low round-trip efficiency of hydrogen: two conversions multiply, so most of the energy is lost as heat, yet the tank leaks slowly enough to make hydrogen a good seasonal store. This guide covers the fastest way to embed the Hydrogen Energy Storage Lab, what it shows, and where it works.

The quickest way: paste one embed snippet

An embed is just an <iframe> that loads the lab from lkforge.com, plus a small credit line. Copy this into your page’s HTML where you want the widget to appear:

<iframe src="https://lkforge.com/embed/hydrogen/"
        width="100%" height="1870" loading="lazy"
        style="border:0;max-width:720px"
        title="Hydrogen Energy Storage Lab by LK Forge"></iframe>
<p><a href="https://lkforge.com/tools/physics/hydrogen/">Hydrogen Energy Storage Lab</a>
   by <a href="https://lkforge.com/">LK Forge</a></p>

The <iframe> is the live lab; the <p> underneath is a plain credit link. Keep that line — the visible link is what keeps the widget free to embed. You can also copy this exact code straight from the LK Forge widget gallery.

What the widget shows

The lab opens as a store-and-reconvert dashboard, so a visitor can press Run and then take control:

• System sliders: tank capacity, power rating, electrolyzer efficiency, fuel-cell efficiency, tank leak rate and hold time set up the cycle before you press ▶ Run.
• Presets and reset: Seasonal store, Quick cycle, Leaky tank and High-efficiency stack jump to common cases; ↺ Reset clears the run.
• Live readouts: energy in, energy delivered, tank level and round-trip efficiency update as hydrogen is made, stored and reconverted.
• Two plots: tank level over the cycle, and retention toward half-life, beside a schematic and a loss donut showing where the energy goes.

Pick the right height

The snippet uses height="1870" and max-width:720px. This is a dashboard-style lab with sliders, readouts and two plots, so on a narrow phone the panels stack into a single column — the tall height keeps that stacked layout from clipping. On a wider page the widget simply centres within its max-width, so the one height works across screen sizes.

Where it works

Because it is a standard iframe, the embed works anywhere you can add HTML:

• WordPress: add a Custom HTML block and paste the snippet.
• Squarespace: use a Code / Embed block.
• Wix: add an Embed HTML / iframe element.
• Ghost: insert an HTML card.
• Notion: paste the /embed/hydrogen/ URL and choose "Create embed".
• Plain HTML, an intranet, or a lesson page: paste the snippet straight into the markup.

That’s the whole job. Copy the embed code from the widget gallery and paste it wherever an energy-storage, physics, or engineering lesson — or a blog post on seasonal storage and the hydrogen economy — needs a system students can actually store and reconvert.