Skip to main content

Free Embeddable Running Calculator Widgets

Embed RunCalc running calculators on your website. Copy-paste iframe or script tag examples for pace and training tools.

Embed RunCalc's running calculators on your website, blog, or app. Each widget is responsive, supports dark mode, and works in any iframe size from 300px wide.

Widgets are free to use with visible attribution. Keep the small “Powered by RunCalc” link next to the embed so readers can verify the source and open the full calculator when they need more detail.

Link-worthy running tools

Use widgets as a useful link-worthy asset

Offer readers a calculator they can use on your page, then keep a visible attribution link to the full RunCalc calculator for deeper race planning, printing, and saved plans. The attribution should be transparent and useful, not hidden.

Where to place them

  • Training plan pages where readers need a pace target.
  • Race guides where runners need marathon or half-marathon splits.
  • Resource pages where a practical tool is more useful than another text link.

Quick Start

Two ways to embed:

Option 1: iframe (recommended)

<iframe src="https://running-calculator.com/embed/pace-calculator/"
        width="100%" height="500" frameborder="0"
        style="border:1px solid #e5e7eb;border-radius:8px;"
        title="Running Pace Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/pace-calculator/" rel="noopener">RunCalc</a>
</p>

Option 2: Script tag (auto-sizing)

<div class="runcalc-widget" data-calculator="pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

The script tag version auto-resizes the iframe height and adds the attribution link automatically. You can embed multiple calculators on the same page by adding more <div class="runcalc-widget"> elements.

Widget pages by use case

Use these pages when you want to share RunCalc widgets with a specific audience.

All Available Widgets

10K Training Pace Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/10k-training-pace-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="10K Training Pace Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/10k-training-pace-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="10k-training-pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

5K Training Pace Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/5k-training-pace-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="5K Training Pace Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/5k-training-pace-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="5k-training-pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Age Graded Running Calculator – Age-Grading Performance Score

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/age-graded-running-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Age Graded Running Calculator – Age-Grading Performance Score - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/age-graded-running-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="age-graded-running-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Boston Marathon Qualifying Time Calculator – BQ Standards 2025

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/boston-qualifying-time-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Boston Marathon Qualifying Time Calculator – BQ Standards 2025 - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/boston-qualifying-time-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="boston-qualifying-time-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Easy Run Pace Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/easy-run-pace-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Easy Run Pace Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/easy-run-pace-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="easy-run-pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Heart Rate Drift Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/heart-rate-drift-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Heart Rate Drift Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/heart-rate-drift-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="heart-rate-drift-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Heart Rate Zone Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/heart-rate-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Heart Rate Zone Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/heart-rate-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="heart-rate-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Pace Temperature Adjustment Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/temperature-adjustment-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Pace Temperature Adjustment Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/temperature-adjustment-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="temperature-adjustment-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Elevation Gain Adjustment Calculator – Running Pace on Hills

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/elevation-gain-adjustment-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Elevation Gain Adjustment Calculator – Running Pace on Hills - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/elevation-gain-adjustment-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="elevation-gain-adjustment-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Lactate Threshold Pace Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/threshold-pace-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Lactate Threshold Pace Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/threshold-pace-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="threshold-pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Marathon Wall Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/marathon-wall-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Marathon Wall Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/marathon-wall-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="marathon-wall-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Negative Split Calculator – Plan Your Optimal Race Strategy

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/negative-split-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Negative Split Calculator – Plan Your Optimal Race Strategy - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/negative-split-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="negative-split-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Race Day Nutrition Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/race-day-nutrition-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Race Day Nutrition Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/race-day-nutrition-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="race-day-nutrition-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Race Fuel Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/race-fuel-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Race Fuel Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/race-fuel-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="race-fuel-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Race Bib Pace Calculator – Find Your Required Race Pace

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/race-bib-pace-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Race Bib Pace Calculator – Find Your Required Race Pace - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/race-bib-pace-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="race-bib-pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Run Walk Interval Calculator – Galloway Method

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/run-walk-interval-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Run Walk Interval Calculator – Galloway Method - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/run-walk-interval-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="run-walk-interval-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Cadence Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/running-cadence-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Cadence Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/running-cadence-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="running-cadence-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Economy Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/running-economy-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Economy Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/running-economy-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="running-economy-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Hydration Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/hydration-calculator-running/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Hydration Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/hydration-calculator-running/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="hydration-calculator-running"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Pace Converter – min/km ↔ min/mile

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/running-pace-converter/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Pace Converter – min/km ↔ min/mile - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/running-pace-converter/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="running-pace-converter"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Power Calculator – Watts, W/kg & Effort Estimator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/running-power-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Power Calculator – Watts, W/kg & Effort Estimator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/running-power-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="running-power-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Recovery Time Calculator – Rest Between Workouts

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/recovery-time-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Recovery Time Calculator – Rest Between Workouts - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/recovery-time-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="recovery-time-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Shoe Mileage Tracker

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/running-shoe-mileage-tracker/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Shoe Mileage Tracker - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/running-shoe-mileage-tracker/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="running-shoe-mileage-tracker"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Stride Length Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/running-stride-length-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Stride Length Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/running-stride-length-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="running-stride-length-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Tempo Calculator – Running Pace & Training Zones

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/tempo-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Tempo Calculator – Running Pace & Training Zones - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/tempo-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="tempo-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Track Split Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/track-split-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Track Split Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/track-split-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="track-split-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Training Load Calculator – ACWR & Load Risk

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/training-load-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Training Load Calculator – ACWR & Load Risk - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/training-load-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="training-load-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Running Training Zone Calculator – Jack Daniels Training Paces

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/training-zone-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Running Training Zone Calculator – Jack Daniels Training Paces - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/training-zone-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="training-zone-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Treadmill Pace Converter – Speed ↔ Pace + Incline Effort Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/treadmill-pace-converter/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Treadmill Pace Converter – Speed ↔ Pace + Incline Effort Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/treadmill-pace-converter/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="treadmill-pace-converter"></div>
<script src="https://running-calculator.com/embed.js" async></script>

Ultra Marathon Pace Calculator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/ultra-marathon-pace-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="Ultra Marathon Pace Calculator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/ultra-marathon-pace-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="ultra-marathon-pace-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

VDOT Calculator — Your VDOT Score & Training Paces

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/vdot-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="VDOT Calculator — Your VDOT Score & Training Paces - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/vdot-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="vdot-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>

VO2max Calculator – Aerobic Capacity Estimator

Running
📋 Get Embed Code
iframe:
<iframe src="https://running-calculator.com/embed/vo2max-calculator/"
  width="100%" height="500" frameborder="0"
  style="border:1px solid #e5e7eb;border-radius:8px;"
  title="VO2max Calculator – Aerobic Capacity Estimator - RunCalc">
</iframe>
<p style="font-size:12px;margin:8px 0 0;">
  Powered by <a href="https://running-calculator.com/vo2max-calculator/" rel="noopener">RunCalc</a>
</p>
Script tag:
<div class="runcalc-widget" data-calculator="vo2max-calculator"></div>
<script src="https://running-calculator.com/embed.js" async></script>