Przewijanie do zakotwiczonego elementu na landing page'u utworzonym w Calendesk.

Czas czytania: 2 min

Udostępnij:
Przewijanie do zakotwiczonego elementu na landing page'u utworzonym w Calendesk.Przewijanie do zakotwiczonego elementu na landing page'u utworzonym w Calendesk.

Jeśli tworzysz landing page w Calendesk i chcesz, aby zakładki w nagłówku przekierowywały Twoich klientów do konkretnych sekcji na stronie, ten poradnik jest dla Ciebie.

Pamiętaj, że nie możesz połączyć obu poniższych metod działania zakładek w nagłówku strony:

  • przekierowanie do osobnej podstrony,
  • przewijanie (scrollowanie) treści do konkretnej sekcji.

Jak więc sprawić, by strona przewijała się do określonej sekcji, tak jak pokazano w przykładzie pod linkiem poniżej?

https://hispanacho.calendesk.net/

Kroki do wykonania:

1. Kliknij przycisk Dodaj podstronę, oznaczony na poniższym obrazku:

Dodawanie nowej podstrony.

2. Po lewej stronie formularza wybierz opcję Przekierowanie (zewnętrzny link) i podaj nazwę zakładki.

Wybór rodzaju podstrony.

3. W polu oznaczonym jako Adres www przekierowania wpisz następujący parametr:

#nazwazakladki

gdzie wartość po znaku # powinna odpowiadać nazwie zakładki, a następnie dodaj nową zakładkę.

Dodawanie nowej zakładki.

4. Aktywuj nową zakładkę w sekcji nagłówka.

Aktywacja nowej zakładki.

5. Upewnij się, że ustawienia nagłówka pozwalają na wyświetlenie wystarczającej liczby zakładek.

Liczba głównych zakładek na stronie.

6. Dodaj nową sekcję HTML do szablonu strony, umieszczając ją nad sekcją, do której chcesz, aby strona się przewijała: Wybierz sekcję Inne i Kod HTML:

Dpdawanie sekcji HTM:

7. Wprowadź następującą frazę w treści tej sekcji:

<div id="nazwazakladki"></div>

gdzie wartość nazwazakladki odpowiada wartości wprowadzonej w kroku 3 po znaku #.

Powtarzaj tę sekwencję tyle razy, ile potrzebujesz, aby utworzyć wszystkie zakładki na swojej stronie docelowej.

8. Opublikuj stronę docelową.

Opublikuj zmiany.
Udostepnij: