Funkcje edytora

Zaktualizowano: 7 czerwca, 2022 Autor:

Magdalena Dejnak

tworzenie edytor widgety pierwsze kroki

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:

Wybierz szablon
Dostosuj do własnych potrzeb
Stwórz przemyślany formularz
Podziękuj za konwersję
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.

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).

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.

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.

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.

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ę:

Ż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 (+).

Elementy panelu Ustawienia strony:

Dodaj własny CSS – dodaj własny kod CSS do landing page’a.
Szerokość strony – dostosuj szerokość landing page’a (domyślnie to 960 px).
Domyślny font – zmień domyślny font dla całej strony.
Siatka – zaznacz, by wyświelić siatkę pomagającą w precyzyjnym układaniu elementów na stronie.
Tło – rozwiń i dostosuj opcje tła landing page’a.
SEO/Udostępnianie – edytuj SEO oraz opcje udostępniania, np. wgraj miniaturkę.
Favikona – dodaj własną favikonę.
Meta tagi – dodaj meta tagi do landing page'a.
Język komunikatów – zmień język komunikatów błędów.

Dowiedz się więcej o zalecanych grafikach dla tła strony, tła sekcji, favikony i innych.

Elementy

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

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ą.

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.

Widgety w edytorze 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 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.

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.

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

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.

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.

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

Górny pasek

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

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
Nazwa landing page’a
Cofnij/Powtórz krok
Widok desktop i Widok mobile – przełącz widoki, żeby dostosować stronę do urządzeń, lub wyłącz któryś z widoków
Edycja Strony głównej landing page’a
Edycja Strony podziękowania (strony po konwersij)
Historia strony – przejdź do automatycznie zapisywanych wersji landing page’a. W tym miejscu możesz też przywrócić starą, zapisaną wersję
Podgląd – sprawdź, jak landing page będzie się wyświetlał (bez zapisywania zmian)
Zapisz – zapisanie zmian ręcznie
Publikuj – publikacja landing page’a (wraz z zapisem zmian)
Pomoc – opcje: Skróty klawiaturowe, Centrum Pomocy, Stwórz zgłoszenie, Konsultacje 1:1, Instrukcje wideo, Case studies, Status systemu

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.

WAŻNE: Pamiętaj, ż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.

Szybka edycja

Aby przyspieszyć pracę, elementy i widgety umieszczone na landing page'ach, pop-upach i lightboxach możesz kopiować i umieszczać na dowolnych innych projektach tworzonych w Landingi. Dowiedz się więcej o kopiowaniu i wklejaniu elementów.

Możesz także zaznaczyć kilka elementów, aby wykonać dla nich tę samą akcję jednocześnie, np. przesunąć je.

Aby to zrobić, przejdź do widoku Elementów, przytrzymaj na klawiaturze przycisk Ctrl lub Cmd i zaznacz z listy wybrane elementy.

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.