LoopStringLoopString

Embed LoopString’s free tools on your site

Every LoopString calculator can live on your own page as an interactive widget — readers use the live tool without leaving your site. It is free for any site. The only ask: keep the small credit link that comes with the code.

1. Copy this code

This is the embed code for the VPD Chart. Every tool page has its own “Embed this free tool” box with the same shape — click Copy there to get that tool’s code.

<iframe src="https://loopstring.io/tools/embed/vpd-chart"
        width="100%" height="640" style="border:0;max-width:680px"
        title="VPD Chart by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/vpd-chart">VPD Chart by LoopString</a></p>

2. What each part does

  • The <iframe> is the tool itself — it loads the live calculator from LoopString and stays interactive.
  • The <a> link below it is the credit. Keep it. It has to be a real text link (not an image or a button), because that link is what makes the widget free to use. Please don’t change the wording or add nofollow.

3. Terms (short version)

  • Free to embed on any website, personal or commercial.
  • Keep the attribution link as a normal, followable text link with the wording provided.
  • Don’t frame the tool in a way that implies LoopString endorses your product.

4. Optional: auto-resize the frame

The basic code uses a fixed height. If you’d rather the frame grow and shrink with the tool (for example when someone switches units), use this version instead — it adds a tiny script that listens for the tool’s height. Use it only if you’re comfortable adding a <script> tag to your page.

<iframe id="ls-embed-vpd-chart" src="https://loopstring.io/tools/embed/vpd-chart"
        width="100%" height="640" style="border:0;max-width:680px"
        title="VPD Chart by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/vpd-chart">VPD Chart by LoopString</a></p>
<script>
window.addEventListener('message',function(e){
  if(e.origin!=='https://loopstring.io'||!e.data||e.data.type!=='loopstring-embed-height')return;
  var f=document.getElementById('ls-embed-vpd-chart');
  if(f&&e.data.height)f.style.height=e.data.height+'px';
});
</script>

Widget not showing?

Two common causes: a privacy/ad-blocker extension that blocks all iframes, or a strict Content-Security-Policy on your own site. If your site sets a CSP, add https://loopstring.io to your frame-src directive.

Embed code for every tool

Copy the block for the tool you want and paste it into your page. Each one already includes the attribution link beneath the widget — keep it as-is. Prefer the auto-resizing version? Swap in the script from section 4 above.

VPD Chart

<iframe src="https://loopstring.io/tools/embed/vpd-chart"
        width="100%" height="640" style="border:0;max-width:680px"
        title="VPD Chart by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/vpd-chart">VPD Chart by LoopString</a></p>

VPD Calculator

<iframe src="https://loopstring.io/tools/embed/vpd-calculator"
        width="100%" height="720" style="border:0;max-width:680px"
        title="VPD Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/vpd-calculator">VPD Calculator by LoopString</a></p>

PPFD to DLI Calculator

<iframe src="https://loopstring.io/tools/embed/ppfd-dli-calculator"
        width="100%" height="640" style="border:0;max-width:680px"
        title="PPFD to DLI Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/ppfd-dli-calculator">PPFD to DLI Calculator by LoopString</a></p>

Grow Room CFM Calculator

<iframe src="https://loopstring.io/tools/embed/grow-room-cfm-calculator"
        width="100%" height="620" style="border:0;max-width:680px"
        title="Grow Room CFM Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/grow-room-cfm-calculator">Grow Room CFM Calculator by LoopString</a></p>

Dew Point Calculator

<iframe src="https://loopstring.io/tools/embed/dew-point-calculator"
        width="100%" height="560" style="border:0;max-width:680px"
        title="Dew Point Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/dew-point-calculator">Dew Point Calculator by LoopString</a></p>

Wet Bulb Calculator

<iframe src="https://loopstring.io/tools/embed/wet-bulb-calculator"
        width="100%" height="560" style="border:0;max-width:680px"
        title="Wet Bulb Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/wet-bulb-calculator">Wet Bulb Calculator by LoopString</a></p>

Brix to Specific Gravity

<iframe src="https://loopstring.io/tools/embed/brix-to-sg"
        width="100%" height="520" style="border:0;max-width:680px"
        title="Brix to Specific Gravity Converter by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/brix-to-sg">Brix to Specific Gravity Converter by LoopString</a></p>

Hydrometer Temperature Correction

<iframe src="https://loopstring.io/tools/embed/hydrometer-temperature-correction"
        width="100%" height="560" style="border:0;max-width:680px"
        title="Hydrometer Temperature Correction by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/hydrometer-temperature-correction">Hydrometer Temperature Correction by LoopString</a></p>

Keg Carbonation Calculator

<iframe src="https://loopstring.io/tools/embed/keg-carbonation-calculator"
        width="100%" height="620" style="border:0;max-width:680px"
        title="Keg Carbonation Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/tools/keg-carbonation-calculator">Keg Carbonation Calculator by LoopString</a></p>

ROI Calculator

<iframe src="https://loopstring.io/tools/embed/roi-calculator"
        width="100%" height="760" style="border:0;max-width:680px"
        title="IoT ROI Calculator by LoopString" loading="lazy"></iframe>
<p style="font-size:13px;margin:8px 0 0">Interactive <a href="https://loopstring.io/roi-calculator">IoT ROI Calculator by LoopString</a></p>