Put the RPE calculator on your own site
Free for coaches, gyms and blogs. One line of HTML, no account, no ads, no tracking — and it adapts to your visitors' light or dark theme.
1. Copy this
<iframe src="https://rpecalc.app/embed/calculator.html"
title="RPE Calculator"
style="width:100%;max-width:560px;height:620px;border:0"
loading="lazy"></iframe>
Paste it into any page, post or website builder that accepts HTML. That's the whole setup.
2. This is what your visitors get
Optional: auto-height
The widget tells the parent page how tall it needs to be. If you want the iframe to resize itself, add this small script after it:
<script>
window.addEventListener('message', function (e) {
if (e.data && e.data.rpecalcHeight) {
var f = document.querySelector('iframe[src*="rpecalc.app/embed"]');
if (f) f.style.height = e.data.rpecalcHeight + 'px';
}
});
</script>
Terms — the short version
Use it on as many sites as you like, commercial or not. The only condition is that you keep the small “RPE Calculator by rpecalc.app” link visible, since that's what pays for the widget being free.
Questions
Does it cost anything?
No. It's free and there's no plan to charge for it.
Does it track my visitors?
No cookies, no analytics, no tracking of any kind. Nothing is sent anywhere — the maths runs in the browser.
Will it match my site's design?
It follows the visitor's system light or dark preference. If you need specific colours for a client project, get in touch and we'll sort it out.
Can I use it in a members area or paid course?
Yes, that's fine — same single condition about keeping the attribution link.
Coaching athletes on RPE?
Point them at the free Android app: the same calculator offline, plus warm-up sets and meet attempt planning.
Download on Google Play Launching on Google Play — final testing