Laufrechner seit 2015

Widget-Generator

Erstelle einen Pace Rechner speziell für dein Event, lege deine Distanzen an (du kannst ihnen natürlich auch eigene Namen geben) Bei Rückfragen melde dich gerne via Feedback Button.

Widget-Konfiguration

Sprache

Entfernungseinheit

Widget-Titel

Button-Text

Benutzerdefinierter Nachrichtentext

Benutzerdefinierte Link-URL Link-Text

Farbauswahl

Primärfarbe (Button)

Hintergrundfarbe

Textfarbe

Rahmenfarbe

Widget Distanzen

Verfügbare Entfernungen im Widget:

Noch keine Distanzen hinzugefügt. Verwenden Sie das Formular unten, um Distanzen hinzuzufügen.

Live Widget Vorschau

Die Widget-Vorschau wird hier nach dem Generieren des Codes angezeigt

Live-Ergebnisvorschau

Pace Rechner

Distanz

--,-- km

Zeit

--:--:--

⏱️ Deine Zeiten für beliebte Distanzen:

Konfiguration laden/speichern

Einbettungsmethode

Einbettungsmethode wählen:

Iframe (Empfohlen) Direkter Code

Iframe: Einfacher zu implementieren, funktioniert auf jeder Website, aktualisiert sich automatisch.
Direkter Code: Mehr Kontrolle, schnelleres Laden, erfordert HTML/CSS-Kenntnisse.

Generierter Widget-Code

Klicken Sie auf "Generieren", um Ihr benutzerdefiniertes Widget zu erstellen

Integrationsanleitung

Iframe-Integration (Empfohlen)

Kopiere den Iframe-Code aus dem generierten Bereich
Füge den Code ein, wo das Widget auf deiner Website erscheinen soll
Fertig! Das Widget funktioniert sofort und aktualisiert sich automatisch

Direkter Code (Für fortgeschrittene Nutzer)

Kopiere den kompletten generierten Code (HTML, CSS und JavaScript zusammen)
Füge den gesamten Code ein, wo das Widget erscheinen soll
Teste das Widget, um sicherzugehen, dass es korrekt funktioniert
Mehrere Widgets pro Seite: Du kannst den Code mehrfach einfügen (z.B. mit unterschiedlichen Distanzen oder Farben) - jedes Widget arbeitet unabhängig

💡 Profi-Tipp: Der Iframe ist die einfachste Lösung - er funktioniert auf jeder Website ohne Konflikte und aktualisiert sich automatisch. Direkter Code gibt dir mehr Kontrolle, erfordert aber HTML-Kenntnisse. Manche Seitenbaukästen und Cookie-Tools entfernen oder blockieren Script-Tags - nutze in diesem Fall den Iframe.