Running calculator since 2015

Widget Generator

Create a pace calculator specifically for your event, set up your distances (you can of course give them your own names). If you have any questions, feel free to contact us via the feedback button.

Widget Configuration

Language

Distance Unit

Widget Title

Button Text

Custom Message Text

Custom Link URL Link Text

Color Customization

Primary Color (Button)

Background Color

Text Color

Border Color

Widget Distances

Available distances in widget:

No distances added yet. Use the form below to add distances.

Live Preview

Widget preview will appear here after generating code

Live Results Preview

Pace Calculator

Distance

--.-- km

Time

--:--:--

⏱️ Your times for popular distances:

Load/Save Configuration

Embedding Method

Choose embedding method:

Iframe (Recommended) Direct Code

Iframe: Easier to implement, works on any website, updates automatically.
Direct Code: More control, faster loading, requires HTML/CSS knowledge.

Generated Widget Code

Click "Generate" to create your custom widget

Integration Instructions

Iframe Integration (Recommended)

Copy the iframe code from the generated area
Paste the code where the widget should appear on your website
Done! The widget works immediately and updates automatically

Direct Code (For Advanced Users)

Copy the complete generated code (HTML, CSS and JavaScript together)
Paste the entire code where the widget should appear
Test the widget to ensure it works correctly
Multiple widgets per page: You can paste the code several times (e.g. with different distances or colors) - each widget works independently

💡 Pro Tip: The iframe is the easiest solution - it works on any website without conflicts and updates automatically. Direct code gives you more control but requires HTML knowledge. Some page builders and cookie tools remove or block script tags - use the iframe in that case.