BStudio Back to Top

Konfigurowalny przycisk „Powrót na górę” dla WordPress — płynny, lekki i bez kodu.

4,0 (3 oceny)

29,00 

Konfigurowalny przycisk „Powrót na górę” dla WordPress. Pojawia się płynnie po przewinięciu strony i pozwala użytkownikom wrócić na górę jednym kliknięciem. Kolor, rozmiar, pozycja i czułość aktywacji — wszystko ustawiasz z panelu admina, bez edycji kodu.

Lekki, dostępny i kompatybilny z każdym motywem WordPress. Działa bez jQuery. Nie spowalnia strony.

Dokumentacja

Usługi dodatkowe

Wdrożenie Instalacja i konfiguracja wtyczki na Twoim WordPressie
+199,00 
Opieka techniczna 6 miesięcy wsparcia w przypadku problemów z działaniem wtyczki.
+399,00 

Problem

Użytkownicy opuszczają długie strony, zanim dotrą do końca

Długie opisy produktów, artykuły blogowe, strony z wieloma sekcjami — gdy użytkownik dotrze do dołu, musi ręcznie przewinąć całą stronę z powrotem. To frustrujące i często skutkuje opuszczeniem witryny.

Przycisk „Back to Top” to jeden z najprostszych elementów UX, które realnie poprawiają komfort nawigacji. Szczególnie ważny na urządzeniach mobilnych, gdzie przewijanie palcem jest wolniejsze.

Back to Top — zrzut 1

Rozwiązanie

Konfigurowalny przycisk — gotowy w 2 minuty

Po aktywacji wtyczki przycisk pojawia się automatycznie na każdej stronie. Domyślne ustawienia pasują do większości motywów — czerwony kolor (#e63329), prawa strona, 48px rozmiar.

Chcesz dopasować do swojej identyfikacji? Przejdź do Ustawienia → BS Back to Top i zmień kolor, rozmiar, pozycję i czułość. Zmiany działają natychmiastowo.

Szczegóły techniczne

Lekki, dostępny i bezpieczny dla wydajności

Wtyczka nie ładuje żadnych zewnętrznych bibliotek. Cały skrypt waży mniej niż 1 KB. Nasłuchiwacz scroll używa opcji { passive: true }, co oznacza brak wpływu na responsywność strony nawet na słabszych urządzeniach.

Dostępność (a11y)
Przycisk posiada atrybut aria-label, widoczny kontur fokusa dla nawigacji klawiaturą i poprawne ukrywanie przez atrybut hidden.
Stylowanie przez CSS Variables
Wygląd sterowany jest zmiennymi CSS (--btt-bg, --btt-size itd.), co eliminuje konflikty ze stylami motywu.
Smooth scroll
Kliknięcie animuje przewinięcie do góry przez natywne API przeglądarki — window.scrollTo({ behavior: 'smooth' }).
Brak jQuery
Vanilla JavaScript — działa niezależnie od tego, czy motyw używa jQuery czy nie. Zero zewnętrznych zależności.