Jak dodać przycisk-ikonę „Powrót do góry” na stronie internetowej

Przycisk „Powrót do góry” ułatwia poruszanie się po dłuższych stronach. Po kliknięciu przenosi użytkownika na górę strony, dzięki czemu nie musi przewijać jej ręcznie. Możesz dodać go w stopce i dopasować jego wygląd do stylu swojej strony.

Jak dodać przycisk „Powrót do góry”?

1. Przejdź do stopki strony

Zjedź na sam dół strony, do najniższej sekcji – stopki.

💡 Wskazówka: Jeżeli chcesz, aby przycisk „Powrót do góry” był dostępny na każdej podstronie, najlepiej umieścić go w zamrożonej stopce. Dzięki temu będzie wyglądał i działał tak samo w całej witrynie, a jego ustawienia zmienisz tylko raz – na stronie głównej.

2. Dodaj widget „Powrót do góry”

W stopce wybierz najniżej położony box, np. ten z informacją o prawach autorskich.

Kliknij ikonę „+”, aby dodać do boxu nowy widget.

wybierz nowy element na stronę

Z listy widżetów wybierz „Powrót do góry” (Scroll to top).

widget powrót do góry

3. Dostosuj wygląd ikony

Możesz dopasować przycisk do wyglądu swojej strony. W ustawieniach widgetu możesz zmienić:

• ikonę – np. strzałkę, grot lub daszek,
• kolor ikony i tła,
• zaokrąglenie przycisku,
• rozmiar ikony,
• odległość od krawędzi ekranu.

Wybierz ustawienia, które najlepiej pasują do stylistyki Twojej strony.

4. Sprawdź działanie przycisku

W obszarze roboczym widget będzie widoczny w miejscu, w którym został dodany.

Po opublikowaniu strony będzie działał inaczej:

Na początku, po wejściu na stronę, przycisk będzie niewidoczny. Gdy użytkownik zacznie przewijać stronę w dół, przycisk pojawi się w prawym dolnym rogu ekranu.

Po kliknięciu przeniesie użytkownika z powrotem na górę strony.