Free Training Widgets
Embed interactive endurance training tools on your website or blog. 100% free, responsive, and multi-language.
How to Embed a Widget
Choose
Browse the catalog and pick the widget you need.
Configure
Adjust the language and size to fit your site.
Embed
Copy the iframe code and paste it into your HTML.
Zone 2 Heart Rate by Age
Interactive chart showing Zone 2 heart rate ranges by age.
<iframe src="https://www.trainingzones.io/embed/zone2-bpm" width="100%" height="620" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Max HR Formula Comparison
Compare max heart rate estimation formulas side by side.
<iframe src="https://www.trainingzones.io/embed/max-hr-formulas" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
HRV Readiness Gauge
Visual gauge showing HRV readiness status.
<iframe src="https://www.trainingzones.io/embed/hrv-normal" width="100%" height="480" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Autonomic Nervous System & Exercise
Diagram of the ANS response to exercise intensity.
<iframe src="https://www.trainingzones.io/embed/ans-exercise" width="100%" height="500" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
ANS Balance Diagram
Visualization of sympathetic vs parasympathetic balance.
<iframe src="https://www.trainingzones.io/embed/ans-balance" width="100%" height="500" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
FTP Level Classification
Chart showing FTP levels by rider category and weight.
<iframe src="https://www.trainingzones.io/embed/ftp-level" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
FTP Test Comparison
Compare different FTP test protocols and their results.
<iframe src="https://www.trainingzones.io/embed/ftp-test" width="100%" height="500" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Training Intensity Distribution
Visualize 80/20 and polarized training intensity models.
<iframe src="https://www.trainingzones.io/embed/intensity-distribution" width="100%" height="550" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Intensity Models Overview
Overview of training intensity models and their zones.
<iframe src="https://www.trainingzones.io/embed/intensity-overview" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Training Model Recommender
Find the right training model based on your goals.
<iframe src="https://www.trainingzones.io/embed/training-model" width="100%" height="550" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Season Periodization Timeline
Plan your training season with periodization phases.
<iframe src="https://www.trainingzones.io/embed/season-periodization" width="100%" height="580" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Zone 2 Adaptation Timeline
Timeline of physiological adaptations from Zone 2 training.
<iframe src="https://www.trainingzones.io/embed/zone2-timeline" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Triathlon Distance Finder
Interactive matrix that recommends Super Sprint, Sprint, Olympic, 70.3 or Ironman based on your weekly training hours and endurance background.
<iframe src="https://www.trainingzones.io/embed/triathlon-distance-finder" width="100%" height="720" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Carb Intake Calculator
Calculate carbohydrate intake needs by exercise duration.
<iframe src="https://www.trainingzones.io/embed/carb-intake" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Energy Gel Comparison
Compare popular energy gels by nutrition and ingredients.
<iframe src="https://www.trainingzones.io/embed/energy-gel-comparison" width="100%" height="600" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Gear Ratio Calculator
Calculate bike gear ratios, gear inches, development and speed for any chainring/cassette combo.
<iframe src="https://www.trainingzones.io/embed/gear-ratio" width="100%" height="700" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Pace Table
Interactive pace/split table with VMA-based probability heatmap for all race distances.
<iframe src="https://www.trainingzones.io/embed/pace-table" width="100%" height="800" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Sweat Rate Calculator
Estimate your sweat rate for optimal hydration planning.
<iframe src="https://www.trainingzones.io/embed/sweat-rate" width="100%" height="550" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Norwegian 4x4 Protocol
Personalized heart rate zones for the Norwegian 4x4 interval protocol
<iframe src="https://www.trainingzones.io/embed/norwegian-4x4" width="100%" height="580" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Double Threshold Week Planner
Generate a Norwegian-style training week based on your volume and level
<iframe src="https://www.trainingzones.io/embed/double-threshold-planner" width="100%" height="650" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Blood Lactate Curve
Interactive visualization of blood lactate response to exercise intensity
<iframe src="https://www.trainingzones.io/embed/lactate-curve" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
CSS Calculator Widget
Calculate your Critical Swim Speed from 400m and 200m test times
<iframe src="https://www.trainingzones.io/embed/css-inline-calculator" width="100%" height="550" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
CSS Training Zones Widget
Visual breakdown of the 5 CSS swim training zones
<iframe src="https://www.trainingzones.io/embed/css-zone-visualizer" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
CSS Benchmarks by Level
Visual comparison of critical swim speed benchmarks from elite to novice swimmers
<iframe src="https://www.trainingzones.io/embed/css-benchmark-chart" width="100%" height="420" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Training Model Comparison
Compare Norwegian Method, Polarized, and Pyramidal training distributions
<iframe src="https://www.trainingzones.io/embed/norwegian-method-comparison" width="100%" height="620" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
RPE Borg Scale
Interactive Borg scale (6-20 and CR10) mapping perceived effort to heart rate zones.
<iframe src="https://www.trainingzones.io/embed/rpe-borg-scale" width="100%" height="720" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Power vs Heart Rate
Interactive comparison of power meter vs heart rate response time during an interval workout.
<iframe src="https://www.trainingzones.io/embed/power-vs-heart-rate" width="100%" height="640" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
VO2 Max vs Mortality Risk
Interactive bar chart showing how cardiorespiratory fitness level affects all-cause mortality risk (Mandsager 2018)
<iframe src="https://www.trainingzones.io/embed/vo2max-longevity" width="100%" height="520" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Running Economy Visualizer
Interactive tool showing how three runners with different running economy burn different amounts of oxygen at the same pace.
<iframe src="https://www.trainingzones.io/embed/running-economy" width="100%" height="620" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Lactate Threshold Visualizer
Interactive lactate curve showing LT1 (2 mmol/L) and LT2 (4 mmol/L) with colour-coded aerobic, threshold and anaerobic zones.
<iframe src="https://www.trainingzones.io/embed/lactate-threshold" width="100%" height="560" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Open Water Skills
Three tools in one: wetsuit guide by water temperature, sighting practice, and pool vs open water pace.
<iframe src="https://www.trainingzones.io/embed/open-water-skills" width="100%" height="600" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Brick Workout Builder
Pick a triathlon race distance and training phase to get a recommended bike-to-run brick session.
<iframe src="https://www.trainingzones.io/embed/brick-builder" width="100%" height="560" style="border:none;border-radius:16px;" loading="lazy" title="TrainingZones.io Widget"></iframe>
Need a Custom Widget?
If you need a specific training widget for your site, let us know.
Contact Us