Jak używać sekcji w edytorze landing pages?

Użycie sekcji jest świetnym sposobem na zorganizowanie treści na stronie. Sekcja jest swego rodzaju pojemnikiem, który grupuje elementy. Kiedy grupujesz elementy takie jak przyciski czy obrazy, możesz je przemieszczać lub usuwać jednym kliknięciem.

Sekcje mają dwie główne funkcje:

  • Organizują elementy w logiczne grupy.
  • Pozwalają na zarządzanie treścią w prosty sposób.

Większość naszych szablonów landing page składa się z sekcji. Możesz również dodawać sekcje do swoich szablonów.

Jak dodać sekcję do Twojego landing page

  1. W edytorze landing page kliknij przycisk Dodaj elementy.


  2. Przeciągnij i upuść element Sekcja na swoją stronę.


  3. Wybierz jeden z gotowych szablonów lub kliknij Dodaj pustą sekcję, aby użyć pustej sekcji.

Jak przenieść sekcję do innej części strony

  1. Najedź kursorem na pustą część sekcji, którą chcesz przenieść, aby zobaczyć niebieski pasek narzędzi po prawej stronie.
  2. Kliknij i przytrzymaj ikonę przenoszenia, a następnie przeciągnij sekcję w górę i w dół.


  3. Upuść ją w miejscu, w którym chcesz ją umieścić.

Jak skopiować (duplikować) sekcję na stronie

  1. Najedź kursorem na pustą część sekcji, aby zobaczyć niebieski pasek narzędzi po prawej stronie.
  2. Kliknij ikonę kopiowania, aby powielić sekcję.



    Zduplikowana sekcja zostanie dodana pod bieżącą sekcją.

Jak usunąć sekcję

  1. Najedź kursorem na pustą część sekcji, którą chcesz usunąć, aby zobaczyć niebieski pasek narzędzi po prawej stronie.
  2. Kliknij ikonę kosza, aby ją usunąć.

Jak zapisać i ponownie wykorzystać sekcję

  1. Najedź kursorem na pustą część sekcji, którą chcesz zapisać, aby zobaczyć niebieski pasek narzędzi po prawej stronie.
  2. Kliknij ikonę dysku, aby ją zapisać.


  3. Dodaj nazwę i kliknij przycisk Zapisz.
  4. Wszystkie zapisane bloki i sekcje możesz znaleźć w edytorze landing pages, w sekcji Dodaj elementy > Moje bloki.

Kroki dla starszej wersji landing pages

Jak używać sekcji

Aby dodać dodatkową sekcję, przeciągnij jej ikonę z paska narzędzi do obszaru roboczego.

Section icon.

Aby ułatwić Ci pracę, wprowadziliśmy podświetlenie sekcji. Za każdym razem, gdy przesuniesz sekcję, zobaczysz, że sąsiednie sekcje są podświetlone. Podświetlenie działa również, gdy chcesz umieścić element w sekcji.

Możesz przenosić sekcje w górę i w dół strony. Możesz to zrobić na dwa sposoby:

  • Użyj elementów sterujących przesuwaniem (stają się one widoczne po kliknięciu niewypełnionego obszaru sekcji).
Section controls.
  • Kliknij i przeciągnij obszar sekcji.

Możesz także zmienić wysokość każdej sekcji. Aby to zrobić, chwyć element sterujący na dole sekcji i przesuń w górę lub w dół.

Section height control.

Zauważ, że działa to tak samo dla wszystkich sekcji, w tym tej na samym dole strony.

Jak powielić sekcję

Aby zduplikować sekcję, kliknij jakiekolwiek puste miejsce w dowolnej sekcji i kliknij + (ikona duplikacji) na pasku narzędzi na górze sekcji. Zduplikowana w ten sposób sekcja zostanie automatycznie umieszczona pod oryginalną sekcją.

Jak łączyć sekcje

Możesz użyć klikalnych elementów – przycisków, obrazów lub tekstu – aby tworzyć połączenia między sekcjami. Takie elementy będą przenosiły użytkownika do konkretnego miejsca na stronie. Możesz użyć tej funkcjonalności, na przykład, aby połączyć tekst z formularzem na dole strony lub przyciski na dole strony z formularzem na górze.

Stwórz połączenie, które pomoże użytkownikom znaleźć najbardziej istotne części Twojej strony. Na przykład połącz przycisk z ostatniej sekcji z formularzem w pierwszej sekcji. Zrobienie tego ułatwia odwiedzającym zapis na listę. Dzięki połączeniu nie muszą przewijać strony do góry w celu znalezienia formularza.

Możesz użyć jednego z szablonów, na przykład Active Gym lub Fitness Journey, które zawierają połączone elementy. Możesz również wybrać inny szablon i dodać swoje elementy. Następnie możesz połączyć je w sposób najbardziej odpowiadający Twoim potrzebom. Aby to zrobić:

  1. Wybierz klikalny element, który chcesz połączyć z formularzem i upuść go w sekcji.
  2. Podwójnie kliknij na element aby otworzyć menu edycji.
A bar for editing clickable elements.

3. Kliknij ikonę łącza na pasku, aby wyświetlić opcje.

Link icon.

4. W polu Typ, wybierz Sekcja. Następnie wybierz sekcję, z którą chcesz połączyć (sekcję, w której znajduje się formularz).

5. Kliknij OK.

Możesz teraz opublikować lub kontynuować edycję strony. Jeżeli podczas edycji będziesz przesuwać sekcje, ustawienia elementów będą automatycznie się uaktualniały. Ustawienia reagują na dokonywane zmiany i łączą się z odpowiednią sekcją w jej aktualnym miejscu. Oznacza to, że numer sekcji w ustawieniach przycisku zmienia się automatycznie i nie musisz edytować ustawień po zmianie położenia sekcji.

Kiedy opublikujesz stronę i odwiedzający klikną przycisk, strona zostanie przewinięta do sekcji, która zawiera formularz.

Uwaga: Ta funkcjonalność nie przesuwa widoku w edytorze. Aby sprawdzić działanie połączenia, opublikuj stronę.

Jak używać skrótów klawiaturowych w edytorze landing pages

Poniżej znajdziesz skróty dla komputerów Mac i PC, które pomogą Ci w sprawnej edycji stron landing page:

  • przyciśnij CMD/CTRL+S aby zapisać zmiany
  • przyciśnij CMD/CTRL+D aby zduplikować jeden, lub więcej elementów, lub sekcję
  • przyciśnij CMD/CTRL+C aby skopiować jeden, lub więcej elementów, lub sekcję
  • przyciśnij CMD/CTRL+V aby wkleić jeden lub więcej skopiowanych elementów
  • przyciśnij CMD/CTRL + lewe kliknięcie myszy, aby wybrać kilka elementów
  • przyciśnij CMD/CTRL+Z aby cofnąć zmianę
  • przyciśnij SHIFT+CMD/CTRL+Z powtórzyć akcję
  • przyciśnij CMD/CTR+O – aby zoptymalizować obraz dla urządzeń mobilnych (tylko dla widoku mobilnego)
  • przyciśnij GÓRA, DÓŁ, LEWO, PRAWO aby przesunąć wybrany element o jeden pixel
  • przyciśnij SHIFT+ DÓŁ, LEWO, PRAWO aby przesunąć wybrany element o dziesięć pixeli
  • przyciśnij BACKSPACE – usunąć element