Kalkulator biegowy od 2015

Generator widgetów

Stwórz kalkulator tempa specjalnie dla swojego wydarzenia, ustaw swoje dystanse (oczywiście możesz nadać im własne nazwy). Jeśli masz pytania, skontaktuj się z nami za pomocą przycisku opinii.

Konfiguracja widgetu

Język

Jednostka dystansu

Tytuł widgetu

Tekst przycisku

Niestandardowy tekst wiadomości

Niestandardowy URL Linku Tekst linku

Dostosowanie kolorów

Kolor główny (przycisk)

Kolor tła

Kolor tekstu

Kolor obramowania

Dystanse widgetu

Dostępne dystanse w widgecie:

Nie dodano jeszcze żadnych dystansów. Użyj poniższego formularza, aby dodać dystanse.

Podgląd na żywo

Podgląd widgetu pojawi się tutaj po wygenerowaniu kodu

Podgląd wyników na żywo

Kalkulator tempa

Dystans

--,-- km

Czas

--:--:--

⏱️ Twoje czasy dla popularnych dystansów:

Wczytaj/zapisz konfigurację

Metoda osadzania

Wybierz metodę osadzania:

Iframe (Zalecane) Kod bezpośredni

Iframe: Łatwiejsze do wdrożenia, działa na każdej stronie, automatyczne aktualizacje.
Kod bezpośredni: Większa kontrola, szybsze ładowanie, wymaga znajomości HTML/CSS.

Wygenerowany kod widgetu

Kliknij „Generuj”, aby utworzyć własny widget

Instrukcje integracji

Integracja iframe (zalecana)

Skopiuj kod iframe z wygenerowanego obszaru
Wklej kod tam, gdzie widget powinien pojawić się na twojej stronie internetowej
Gotowe! Widget działa natychmiast i aktualizuje się automatycznie

Kod bezpośredni (dla zaawansowanych użytkowników)

Skopiuj kompletny wygenerowany kod (HTML, CSS i JavaScript razem)
Wklej cały kod tam, gdzie widget powinien się pojawić
Przetestuj widget, aby upewnić się, że działa poprawnie
Wiele widgetów na stronie: Możesz wkleić kod kilka razy (np. z różnymi dystansami lub kolorami) - każdy widget działa niezależnie

💡 Wskazówka pro: Iframe to najprostsze rozwiązanie - działa na każdej stronie internetowej bez konfliktów i aktualizuje się automatycznie. Kod bezpośredni daje więcej kontroli, ale wymaga znajomości HTML. Niektóre kreatory stron i narzędzia do cookies usuwają lub blokują znaczniki script - w takim przypadku użyj iframe.