Witaj ponownie!
Tym razem zgłębię Twoją wiedzę na temat edytora w Landingach.

1. Edytor - lokalizacja

Rozpocznijmy od stworzenia landing page. 

Warunkiem uzyskania poniższego widoku, jest poprawne zalogowanie się do aplikacji. Jeśli wykonasz ten krok, przed Tobą znajduje się okno panelu aplikacji.
W prawym górnym rogu ekranu, znajdziesz przycisk "Stwórz nowy landing".

Przenosisz się do okna wyboru, gdzie Twoją decyzją jest czy tworzysz landing od podstaw, czy też skorzystasz z gotowego szablonu z możliwością edycji.
Bez względu na to, którą z opcji wybierzesz, na liście Twoich landingów pojawi się nowy.
To moment, kiedy już za chwilę przeniesiesz się do edytora :)
Rozwiń listę opcji, znajdującą się w lewym górnym rogu miniatury landinga i wybierz opcję "Edytuj".

2. Witamy w edytorze :)

Jesteś! Teraz pozostaje tylko poznać wszystko to, co oferuje edytor.

Na wstępie zapamiętaj, że w razie pytań dotyczących każdego aspektu naszej aplikacji, cały czas czeka na Ciebie ikona chatu (prawy - dolny róg ekranu), a po jej kliknięciu możliwość uzyskania pomocy naszego Supportu :)

2.1 Lewa kolumna ikon, to widgety.

Możesz je dodawać do projektu za pomocą funkcji drag & drop (przeciągnij i upuść) - klikając w wybraną ikonę, możesz przeciągnąć ją w miejsce jej przeznaczenia.
Widgety oznaczają dodanie poszczególnych elementów:

1 - sekcja, którą możemy dodać do dowolnego miejsca na landingu,
2- pole tekstowe,
3- obrazek,
4- ikona,
5- box,
6- przycisk,
7- formularz,
8- wideo,
9- licznik,
10- widget własny.

2.2 Górna część edytora odpowiada za następujące funkcje:

1- przycisk zakończenia pracy w edytorze,
2-
to możliwość cofnięcia oraz ponowienia wykonanego kroku,
3-
ikony odpowiednio oznaczają opcje zmian warstwy, co oznacza zmianę jej położenia: niżej, wyżej, na sam dół lub na sam szczyt, a także duplikowanie warstwy,
4- to zmiany widoków, przedstawione odpowiednio: desktop, tablet, mobile; każdy
z tych widoków możesz usunąć za pomocą ikony "Kosz" wg własnych preferencji,
5- to obszar roboczy strony głównej, gdzie tworzysz swój landing lub strony po konwersji, gdzie także masz możliwość wykonania projektu strony, tzw. "Thank you page", którą zobaczy użytkownik po wykonaniu konwersji na Twoim landingu,
6- to ikona podglądu; przenosi Cię do widoku, jaki osiągnie Twój projekt finalnie na ekranie komputera, tableta oraz mobilnie,
7- symbol dyskietki pozwala zapisać projekt,
8- przycisk powoduje zarówno zapis jak i opublikowanie Twojego projektu (wyskakujące okno poinformuje Cię, abyś upewnił się, że landing funkcjonuje prawidłowo przed uruchomieniem kampanii, a także poleci zmianę domeny, co opisuję w tym artykule),
9- zaznaczenie opcji siatka powoduje pojawienie się siatki na projektowanym landingu, ułatwia ona dodawanie poszczególnych elementów.

Po rozwinięciu ikony "?" widzisz opcję dotyczącą skrótów klawiszowych, które możesz wykorzystywać podczas projektowania.
Znajdziesz tam także "Bazę wiedzy", gdzie odkryjesz odpowiedzi na wiele zagadnień dotyczących aplikacji Landingi.
Gorąco zachęcam do odwiedzin :)

2.3 Panel opcji widgetów.

Znajdziemy tam panel do zarządzania widgetami, warstwami oraz ustawienia.
Za pomocą strzałek możesz go ukryć lub wysunąć, tak jak na screenach poniżej.

  • panel rozwinięty,
  • panel ukryty.

2.4 Opcje widgetu.

  • Każdy element możesz skopiować i wkleić np. na innym landingu. W tym celu po kliknięciu w dany element, użyj kombinacji klawiszy Ctrl+c aby skopiować i Ctrl+v by wkleić już potem w odpowiednie miejsce.
  • Aby dokonać zmian w wyglądzie widgetu, musimy zaznaczyć odpowiedni, za pomocą kliknięcia. Jeśli żaden widget nie jest zaznaczony, poniżej na transparentnym tle znajdziesz informację: "Zaznacz jeden element aby edytować jego wygląd", czyli komunikat, o którym pisałam wcześniej.
    W zależności od tego jaki widget mamy zaznaczony, takie pojawiają się opcje jego edycji. Box, formularz, pole tekstowe, etc., każdy z tych widgetów ma swoje dopasowania wyglądu:

Opcje widgetu Box:
1 - masz możliwość zmiany rozmiaru i położenia elementu;
2 - klikając w przycisk "Zaawansowane" możesz wybrać, na którym z widoków ma być wyświetlany;
3 - na wiele sposobów możesz także dostosować jego wygląd

Opcje widgetu Tekst:
1 - także masz możliwość zmiany rozmiaru i położenia elementu;
2 - klikając w przycisk "Zaawansowane" wybierasz widok, na którym pojawić ma się tekst;
3 - możesz dostosować wygląd tekstu (wyrównanie, kolor czcionki, rozmiar, wybór czcionki, formę tekstu, dodanie cienia, etc.).

Opcje widgetu Przycisk:
1 - dostosowanie rozmiaru i położenia;
2 - treść, która ma być wyświetlana na dodanym przez Ciebie elemencie;
3 - również klikając w przycisk "Zaawansowane" wybierasz widok, na którym pojawić ma się przycisk;
4 - możesz dostosować wygląd przycisku (tekst, tło, obramowanie, zaokrąglone rogi, cień tekstu, cień przycisku).

Opcje widgetu Sekcja:
1 -
dostosowanie rozmiaru;
2 - możesz rozszerzyć wybraną sekcję za pomocą zaznaczenia "Rozszerz";
3 - przycisk "Zaawansowane" umożliwi Tobie przypięcie sekcji (wybrana sekcja zawsze będzie widoczna na szczycie strony) oraz tak jak w poprzednich widgetach możesz ustawić ją na dany widok;
4 - pod tymi pozycjami, podobnie jak wyżej dostosowujesz wygląd swojej sekcji.

Opcje widgetu Obrazek:
1 -
dostosowanie rozmiaru i położenia;
2 - klikając w przycisk "Zaawansowane" wybierasz widok, na którym pojawić ma się obrazek;
3 - tutaj pojawia się opcja "Po kliknięciu", która powoduje przeniesienie użytkownika
z obrazka w inne miejsce, np. za pomocą linku;
4 - to zmiany w wyglądzie obrazka.

Opcje widgetu Formularz:
1 -
dostosowanie rozmiaru i położenia;
2 - to przycisk, przenoszący do opcji formularza, gdzie znajdziesz więcej możliwości jego dostosowania;

3 - klikając w przycisk "Zaawansowane" wybierasz widok, na którym pojawić ma się formularz;
4 - to opcja zmiany odstępów między elementami;
5 - możesz włączyć/wyłączyć etykiety formularza;
6 - to edycja wyglądu.

Analogiczne opcje, do wymienionych w powyższych widgetach napotkasz przy dodaniu ikony, wideo, licznika lub własnego widgetu.

2.5 Warstwy.

Panel warstw to miejsce gdzie możesz zarządzać położeniem każdego elementu.
W górze kolumny widzisz część główną, którą jest "Strona", a na nią składają się kolejno: sekcje, kolumny oraz elementy takie, jakie dodasz:) A elementami w naszym wypadku są..? No właśnie, są to wspomniane już wyżej: boxy, pola tekstowe, przyciski, formularze, etc. Wszystkie te elementy możemy dowolnie przenosić (drag&drop),
a także za pomocą ikon przy elemencie:

  • ukryć,
  • zablokować,
  • usunąć.

2.6. Ustawienia.

Obok panelu warstw, znajdziesz ikonę "Ustawienia", której kliknięcie spowoduje otwarcie nowego okna, z panelem ustawień.
Tutaj możesz dokonać następujących akcji:

  • SEO - dostęp do ustawień landing page pod kątem pozycjonowania,
  • Facebook - możesz tutaj dodać opisy na swoje konto Facebook,
  • Inne - daje Tobie możliwość wybrania języka Twojego landing page oraz dodania ikony strony,
  • Własne style - tutaj możesz dodać własny styl CSS.

To tyle jeśli chodzi o podstawy poruszania się po edytorze w Landingach.

Mam nadzieję, że ten wstęp pomoże Tobie w użytkowaniu edytora i zachęci do korzystania z pozostałych instrukcji, w których znajdziesz jeszcze więcej, jeszcze ciekawszych rozwiązań w aplikacji.
Gorąco zapraszam do korzystania z 'Bazy wiedzy' i pamiętaj ... cały czas czekamy na Ciebie na chacie, który znajdziesz w dolnym rogu strony!

Masz pytania, nie wahaj się! Pisz do nas na support@landingi.com.

Powodzenia!

Did this answer your question?