Hardloopcalculator sinds 2015

Widget-generator

Maak een tempo calculator speciaal voor jouw evenement, stel je afstanden in (je kunt ze natuurlijk je eigen namen geven). Als je vragen hebt, neem dan gerust contact met ons op via de feedbackknop.

Widgetconfiguratie

Taal

Afstandseenheid

Widgettitel

Knoptekst

Aangepaste berichttekst

Aangepaste link-URL Linktekst

Kleuraanpassing

Primaire kleur (knop)

Achtergrondkleur

Tekstkleur

Randkleur

Widgetafstanden

Beschikbare afstanden in widget:

Nog geen afstanden toegevoegd. Gebruik het onderstaande formulier om afstanden toe te voegen.

Live voorbeeld

Widget voorbeeld verschijnt hier na het genereren van code

Live voorbeeld van de resultaten

Tempo Calculator

Afstand

--,-- km

Tijd

--:--:--

⏱️ Je tijden voor populaire afstanden:

Configuratie laden/opslaan

Inbedmethode

Kies inbedmethode:

Iframe (Aanbevolen) Directe code

Iframe: Makkelijker te implementeren, werkt op elke website, wordt automatisch bijgewerkt.
Directe code: Meer controle, sneller laden, vereist HTML/CSS kennis.

Gegenereerde widgetcode

Klik op "Genereren" om je eigen widget te maken

Integratie-instructies

Iframe-integratie (aanbevolen)

Kopieer de iframecode uit het gegenereerde gebied
Plak de code waar de widget moet verschijnen op je website
Klaar! De widget werkt direct en wordt automatisch bijgewerkt

Directe code (voor gevorderde gebruikers)

Kopieer de complete gegenereerde code (HTML, CSS en JavaScript samen)
Plak de hele code waar de widget moet verschijnen
Test de widget om er zeker van te zijn dat deze correct werkt
Meerdere widgets per pagina: Je kunt de code meerdere keren plakken (bijv. met verschillende afstanden of kleuren) - elke widget werkt onafhankelijk

💡 Pro-tip: De iframe is de eenvoudigste oplossing - het werkt op elke website zonder conflicten en wordt automatisch bijgewerkt. Directe code geeft je meer controle maar vereist HTML-kennis. Sommige paginabouwers en cookietools verwijderen of blokkeren script-tags - gebruik in dat geval de iframe.