Funkcje edytora

Zaktualizowano: 13 października, 2021 Autor: Magdalena Wiśniowska
share
Spis treści
share
Spis treści

Edytor landing page’y w Landingi to kreator działający na zasadzie drag&drop. To oznacza, że tworzenie stron jest proste, intuicyjne i szybkie – wystarczy przeciągnąć wybrany element w obszar aktywny edytora. Twój landing page może być gotowy i w 100% działający już w kilkanaście minut!

Do zbudowania własnej strony docelowej wystarczy 5 kroków:

  1. Wybierz szablon
  2. Dostosuj do własnych potrzeb
  3. Stwórz przemyślany formularz
  4. Podziękuj za konwersję
  5. Opublikuj landing page

Ten wpis pomoże Ci poznać najważniejsze funkcje i opcje edytora Landingi, aby tworzyć wysoko konwertujące landing page’e.

Stwórz nowy landing page

1. Po zalogowaniu się na swoje konto w Landingi zobaczysz widok Dashboardu. Żeby rozpocząć tworzenie nowego landing page’a, kliknij Stwórz nowy landing.

stwórz nowy landing

2. W wyskakującym oknie wybierz jedną z opcji: (1) Wybierz szablon (aby zacząć edytowanie landing page’a na podstawie szablonu lub na pustej stronie) lub (2) Wgraj plik .landingpage (to opcja niedostępna na trialu, korzystanie z niej jest możliwe po opłaceniu subskrypcji).

wybierz szablon landingi

3. Po kliknięciu Wybierz szablon zostaniesz przeniesiony do biblioteki szablonów. Możesz wybrać pusty szablon albo jeden z gotowych. W menu po lewej możesz wyszukiwać szablony ze względu na: Cel landing page’a, Kroki lejka sprzedażowego lub Branże.

wybierz szablon landing pagea

W Landingi do wyboru masz ponad 300 szablonów. Możesz je teraz przeglądać w Galerii szablonów.

4. Aby skorzystać z szablonu, najedź na niego kursorem i kliknij Użyj szablonu.

użyj szablonu landingi

5. Nadaj nazwę landing page’owi i kliknij Rozpocznij edycję. Zostaniesz przeniesiony do głównego okna edytora, gdzie możesz rozpocząć edycję swojej strony.

6. W każdej chwili możesz przejść do edycji landing page’a z poziomu Dashboardu. Wystarczy, że klikniesz Edytuj przy odpowiednim landing page’u.

edytor kreator landingi

Ustawienia strony

Po prawej stronie edytora znajduje się toolbar – panel ustawień i edycji. Gdy nie edytujesz żadnego widgetu, w tym miejscu wyświetlają się Ustawienia strony.

Podczas edycji możesz wrócić do Ustawień strony, klikając na strzałkę:

wróć do ustawień strony edytor

Żeby schować toolbar i powiększyć widok obszaru roboczego, kliknij ikonę minusa (-). Toolbar będzie wysuwał się, gdy zbliżysz kursor do prawej krawędzi edytora. Żeby przypiąć go z powrotem do widoku, kliknij ikonę plusa (+).

toolbar edytor landingi

Elementy panelu Ustawienia strony:

  1. Dodatkowe opcje – edytuj SEO, własne style, opcje udostępniania, wgraj favicon lub zmień język komunikatów błędów.
  2. Własny CSS – dodaj własny kod CSS do landing page’a.
  3. Szerokość strony – dostosuj szerokość landing page’a (domyślnie to 960 px).
  4. Domyślny font – zmień domyślny font dla całej strony.
  5. Siatka – zaznacz, by wyświelić siatkę pomagającą w precyzyjnym układaniu elementów na stronie.
  6. Tło – rozwiń i dostosuj opcje tła landing page’a.

elementy ustawień strony edytor landingi

Elementy

Listę wszystkich elementów (widgetów) na swoim landing page’u znajdziesz w zakładce Elementy w prawym górnym rogu toolbaru.

elementy landing pagea

W tym miejscu możesz zarządzać widocznością każdego z elementów (ikona oka) lub je usunąć (ikona kosza). Elementy pogrupowane są według sekcji, w której się znajdują.

elementy kreator landingi

Widgety

Widgety to elementy, dzięki którym zbudujesz swój landing page. Umieszczone są po lewej stronie edytora. Żeby z nich skorzystać, wystarczy przeciągnąć kafelkę wybranego widgetu w docelowe miejsce strony. Każdy z widgetów jest całkowicie edytowalny.

dodaj widget edytor landingi

Widgety w edytorze Landingi:

  1. Sekcja
  2. Sekcja inteligentna
  3. Tekst
  4. Formularz
  5. Przycisk
  6. Obrazek
  7. Ikona
  8. Wideo
  9. Przycisk PayPal
  10. Przycisk Stripe
  11. Przycisk PayU
  12. Box
  13. Licznik
  14. HTML

widgety edytor landingi

Opcje widgetów

Aby dokonać zmian w widgecie, kliknij w niego i przejdź do edycji w podręcznym menu tuż nad widgetem (1) lub toolbarze po prawej stronie (2).

opcje widgetów landingi

Opcje edycji w menu podręcznym i w toolbarze są podobne dla każdego widgetu.

Menu podręczne (1) składa się z funkcji: Ustawienia/Zmień/Edytuj, Duplikuj, Zmień warstwę i Usuń.

Toolbar widgetu dzieli się na dwie części: (2) podstawowe opcje widgetu, m.in. Ustawienia, Widoczność, Wielkość, oraz na bardziej szczegółową edycję wyglądu i działania (3), np. Tekstu, Tła, Cieni, Obramowania, Klas, Tagów.

opcje edycji widgetu edytor

Jeżeli chcesz poznać szczegółowo funkcje widgetów edytora Landingi, sprawdź nasze instrukcje w zakładce Widgety & edytor.

Praca z warstwami

Elementy landing page'a w edytorze Landingi układają się na warstwach. Domyślnie na wyższej warstwie znajdzie się element ostatnio dodany do strony.

Zmień warstwę

Jeżeli nowy element przykryje inny, możesz go znaleźć na liście Elementów. Kliknij w niego, a zobaczysz zaznaczenie w miejscu, gdzie się ukrywa.

znajdź element landing page landingi

Aby zmienić jego warstwę, kliknij w wybrany element na liście i z menu podręcznego (nad widgetem) wybierz Zmień warstwę.

zmien warstwe widgetu

Pojawią się opcje: Przenieś na spód, Przenieś niżej, Przenieś wyżej, Przenieś na wierzch. Aby element pojawił się na samej górze, wybierz Przenieś na wierzch.

przenieś warstwę na wierzch

Zmień nazwę sekcji

Możesz ułatwić sobie poruszanie się wśród elementów landing page'a, zmieniając nazwy sekcji. Domyślnie każda nowa sekcja ma nadawany kolejny numer. By to zmienić, kliknij dwa razy w nazwę sekcji na liście Elementów.

nazwa sekcji landingi edytor

Otworzy się panel edycji sekcji. Znajdź zakładkę Inne i wpisz nową Nazwę elementu.

zmień nazwę sekcji

Górny pasek

Górny pasek w edytorze Landingi pozwala Ci na zarządzanie swoją pracą.

górny pasek edytor landingi

  1. Wyjście z edytora – z tego miejsca możesz dostać się bezpośrednio do Dashboardu, Testów A/B, Kodów JavaScript, Ustawień konta lub przenieść się do platformy
  2. Nazwa landing page’a 
  3. Cofnij/Powtórz krok
  4. Widok desktop i Widok mobile – przełącz widoki, żeby dostosować stronę do urządzeń, lub wyłącz któryś z widoków
  5. Edycja Strony głównej landing page’a
  6. Edycja Strony podziękowania (strony po konwersij)
  7. Historia strony – przejdź do automatycznie zapisywanych wersji landing page’a. W tym miejscu możesz też przywrócić starą, zapisaną wersję
  8. Podgląd – sprawdź, jak landing page będzie się wyświetlał (bez zapisywania zmian)
  9. Zapisz – zapisanie zmian ręcznie
  10. Publikuj – publikacja landing page’a (wraz z zapisem zmian)
  11. Pomoc – opcje: Skróty klawiaturowe, Centrum Pomocy, Stwórz zgłoszenie, Konsultacje 1:1, Instrukcje wideo, Case studies, Status systemu

górny pasek landingi edytor

    Strona podziękowania

    Edycja Strony podziękowania wygląda tak samo jak strony głównej landing page’a. Możesz korzystać z tych samych widgetów i ich funkcji poza Formularzem.

    edytor strona podziękowania

    WAŻNE: Pamietaj, że klikając Publikuj, publikujesz jednocześnie stronę główną i stronę podziękowania.

    Na koniec wprowadzania zmian nie zapomnij zapisać lub opublikować landing page'a.

    Jeżeli wciąż nie czujesz się pewnie w budowaniu landing page’y w Landingi, pamiętaj, że możesz umówić się na bezpłatne indywidualne konsultacje z naszym zespołem onboardingowym. 

    share

    Czy ta instrukcja była pomocna?