PrepGear Nie straszymy. Liczymy.

Weź nasz kalkulator na swoją stronę

Jeżeli prowadzisz stronę gminy, jednostki OSP, organizacji pozarządowej, portalu lokalnego albo bloga i piszesz o przygotowaniu na przerwę w prądzie — możesz osadzić ten kalkulator u siebie. Bezpłatnie, bez pytania nas o zgodę, także na stronie urzędu.

Jak to wygląda

Poniżej działający widget — dokładnie taki, jaki pojawi się u Ciebie.

Podgląd:

Kod do skopiowania

Na jasną stronę
<iframe src="https://prepgear.pro/pl/widget/"
  title="Kalkulator zapasów na 72 godziny"
  width="100%" height="620"
  style="border:1px solid #ddd;border-radius:8px;max-width:100%"
  loading="lazy"></iframe>
<p style="font-size:13px">Kalkulator: <a href="https://prepgear.pro/pl/">PrepGear</a></p>
Na ciemną stronę
<iframe src="https://prepgear.pro/pl/widget/?theme=dark"
  title="Kalkulator zapasów na 72 godziny"
  width="100%" height="620"
  style="border:1px solid #333;border-radius:8px;max-width:100%"
  loading="lazy"></iframe>
<p style="font-size:13px">Kalkulator: <a href="https://prepgear.pro/pl/">PrepGear</a></p>
Z automatycznym dopasowaniem wysokości
<iframe id="prepgear-widget" src="https://prepgear.pro/pl/widget/"
  title="Kalkulator zapasów na 72 godziny"
  width="100%" height="620"
  style="border:1px solid #ddd;border-radius:8px;max-width:100%"
  loading="lazy"></iframe>
<p style="font-size:13px">Kalkulator: <a href="https://prepgear.pro/pl/">PrepGear</a></p>
<script>
window.addEventListener("message", function (e) {
  if (e.origin !== "https://prepgear.pro") return;
  if (!e.data || e.data.prepgear !== "height") return;
  var f = document.getElementById("prepgear-widget");
  if (f) f.style.height = e.data.height + "px";
});
</script>

Trzeci wariant dopasowuje wysokość ramki do treści, więc pod widgetem nie zostaje pusty pas. Wymaga jednak, żeby Twój system pozwalał na <script> — wiele redakcji i urzędów tego zabrania, i wtedy zwyczajnie użyj jednego z dwóch wariantów wyżej. Skrypt sprawdza adres nadawcy i ustawia wyłącznie wysokość tej jednej ramki.

W WordPressie wklej to w blok HTML własny (Custom HTML), nie w blok akapitu. W innych systemach — wszędzie tam, gdzie wolno wstawić własny kod HTML. Jeśli Twój system nie pozwala na <iframe>, napisz do nas — przygotujemy statyczny obrazek z tabelą i zwykły odnośnik.

Dlaczego to jest bezpieczne dla Twojej strony

Dostępność

Widget ma etykiety powiązane z polami, wynik ogłaszany przez aria-live, obsługę z klawiatury i widoczny fokus. Ramka w gotowym kodzie ma atrybut title, wymagany przez WCAG. Jeśli prowadzisz stronę podmiotu publicznego i potrzebujesz oświadczenia do deklaracji dostępności — napisz, prześlemy.

Zasady

Pytania i prośby o inny format: dane kontaktowe są w nocie prawnej. Sposób liczenia opisuje metodyka.