Free Training Widgets

Embed interactive endurance training tools on your website or blog. 100% free, responsive, and multi-language.

How to Embed a Widget

1

Choose

Browse the catalog and pick the widget you need.

2

Configure

Adjust the language and size to fit your site.

3

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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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.

px
Embed code
<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>

Carb Intake Calculator

Calculate carbohydrate intake needs by exercise duration.

px
Embed code
<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.

px
Embed code
<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>

Sweat Rate Calculator

Estimate your sweat rate for optimal hydration planning.

px
Embed code
<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>

Need a Custom Widget?

If you need a specific training widget for your site, let us know.

Contact Us

Frequently Asked Questions