Tworzenie Landing Page

Tworzenie Landing Page

1

Poradnik o...

Tworzeniu Landing Page


2

Spis treściCo to jest Kreator Landing Page?Zapoznaj się z Kreatorem

Obszar roboczyUstawieniaElementyHistoria

Narzędzia

Formularze zapisuTreśćGrafikiVideoElementy układu graficznego

Testy A/BSzablonyEdytor HTMLUstawienia landing page


3

Co to jest Kreator Landing Page? Kreator Landing Page zawiera wszystkie niezbędne narzędzia do planowania, projektowania, publikowania, testowania i ewaluacji kampanii marketingowych w internecie.

Pozwala tworzyć landing page, który wyświetla się prawidłowo na wszystkich urządzeniach: smartfonach, tabletach, komputerach stacjonarnych i laptopach. Kreator Landing Page korzysta z dobrych praktyk responsywnego designu.

Do dyspozycji jest ponad 100 gotowych do użycia szablonów stron internetowych - również w wersjach mobilnych - nie musisz się zatem martwić jak będą wyglądały.

Nie musisz znać kodu HTML ani władać zaawansowaną wiedzą programistyczną. Kreator Landing Page umożliwia tworzenie profesjonalnych stron za pomocą intuicyjnego kreatora z funkcją drag’n’drop. Z łatwością dokonasz edycji niemal każdego elementu: zmienisz rozmiar, kształt, kolor, tło, cienie, itp. Twoje możliwości są nieograniczone.

Zwiększaj efektywność landing pages umieszczając w nich video bezpośrednio z serwisu YouTube. Dodawaj przyciski social media wraz z ikonami udostępniania w social media oraz przyciski PayPal generujące sprzedaż.

Wbudowanie formularze zapisu pozwolą budować bazę odbiorców bez inwestowania dodatkowego czasu. Wystarczy dodać pola dodatkowe, dokonać edycji pól formularza i umieścić w nim indywidualne elementy gdziekolwiek chcesz.

Przeprowadź testy A/B 10 różnych wersji landing page, aby wybrać tę, która generuje największy ruch i przyciąga uwagę największej ilości internautów.

Zbuduj landing page w mniej niż 10 minut.


4

Zapoznaj się z KreatoremNowa wersja Kreatora Landing Page może na początku trochę przytłaczać, ale bez obaw. W tym dokumencie wyjaśniamy szczegółowo wszystko czego potrzebujesz, aby z łatwością zacząć tworzyć landing page’e.

Obszar Roboczy

1. Historia - zobacz zmiany, który wprowadziłeś i cofnij się do poprzednich wersji jeśli potrzebujesz.2. Testy A/B - zobacz wszystkie wersje stron stworzonych w celu testowania. 3. Funkcje Stron z Podziękowaniem - zarządzaj stroną z podziękowaniem. 4. Linie ułatwiające projektowanie - możesz je włączać i wyłączać za pomocą jednego kliknięcia. 5. Podgląd strony - w każdej chwili możesz sprawdzić jak strona wyświetla się na urządzeniu stacjonarnym i mobilnym. Dzięki temu jeszcze przed publikacją upewnisz się, że wszystkie elementy strony wyglądają poprawnie. 6. Edytor HTML - korzystaj z niego tylko jeśli sprawnie poruszasz się w kodzie HTML.7. Ustawienia SEO - spraw, aby znalezienie Twojej strony w wyszukiwarkach internetowych było łatwiejsze oraz dostosuj ją do udostępnień w social media.8. Zapisz stronę i opuść edytor - aby zapisać projekt bez publikacji. 9. Przejdź do ustawień związanych z publikacją.


5

10. Elementy drag’n’drop.11. Widoczne linie pomocnicze.

UstawieniaBudując stronę należy przede wszystkim pamiętać o jej zasięgu. Dobrym początkiem będzie optymalizacja SEO (Search Engine Optimization). Upewnij się, że Twoja strona zawiera wszystkie poniższe elementy:

1. Tytuł - dla organicznego wyszukiwania będzie widoczny jako META tag <title>. Ponadto, pokaże się w wynikach wyszukiwania i oknie przeglądarki informując użytkownika, którą stronę aktualnie przegląda. 2. Opis - powie użytkownikowi o czym jest strona. Opis jest również ważny dla wyszukiwarek internetowych, aby wiedziały jak kategoryzować landing page.

Aby Twój landing page wyglądał profesjonalnie, dodaj ikonę “favicon” oraz obrazek Facebook’a - dzięki niemu strona będzie widoczna za każdym razem kiedy zostanie udostępniona na “ścianie” Facebook’a.


6

Elementy

Do zbudowania strony możesz korzystać z kilku różnych elementów, które pomogą Ci stworzyć projekt. Aby zastosować jeden z nich wystarczy, że skorzystasz z opcji drag’n’drop - czyli przesuniesz odpowiedni element i upuścisz w wybrane przez Ciebie miejsce na stronie.

Na grafice znajdującej się z lewej strony możesz sprawdzić wszystkie dostępne elementy.

HistoriaPodczas budowania strony możesz w każdej chwili zobaczyć jakie zmiany wprowadziłeś już do projektu i cofnąć się do jednej z nich. Wystarczy, że klikniesz na strzałkę lub rozwiniesz listę z wprowadzonymi zmianami.


7

NarzędziaPoznanie zastosowania wszystkich narzędzi pozwoli Ci łatwiej poruszać się po Kreatorze oraz projektować dokładnie takie strony, jakie sobie wymyśliłeś.

Formularze zapisuKliknij na formularz zapisu, aby otworzyć listę dostępnych narzędzi i funkcji. Z łatwością możesz zmieniać jego rozmiar, dodawać pola dodatkowe, zmieniać tło oraz korzystać ze wszystkich zaawansowanych funkcji.

Możesz również przesuwać cały formularz lub jego poszczególne elementy w dowolne miejsce strony.

Zaawansowane ustawienia formularzy zapisu

Dzięki tym intuicyjnym i prostym w obsłudze narzędziom możesz dodawać i modyfikować boki, tworzyć zaokrąglenia, dodawać cienie, a także zmieniać odległość, rozszerzenia oraz rozmycia poszczególnych elementów. Jak tylko wprowadzisz wszystkie niezbędne zmiany, kliknij przycisk OK, aby je zatwierdzić.

TreśćKliknij w dowolny tekst, aby wyświetlić pasek narzędzi. Zmieniaj wedle uznania czcionkę, treść, rozmiar, tło, itp. Popracuj nad tekstem, aby osiągnąć możliwie najlepszy efekt zgodny z Twoim pomysłem. Zwiększaj efektywność dzięki przyciskom CTA oraz dodatkowymi efektami jak np. cień teksu. Tak naprawdę nie ma limitów, które mogłyby Cię ograniczać.


8

Edytor grafikZwiększaj efektywność grafik. Dodawaj zaokrąglone rogi, cienie czy style. Wszystko czego potrzebujesz, aby stworzyć niesamowite grafiki, dostępne jest w jednym miejscu. Możesz nawet dodawać naklejki, treść oraz specjalne efekty do każdej grafiki. Tak jak w programie Photoshop, tylko dużo łatwiej.


9

VideoNajskuteczniejszym elementem, który może poprawić wyniki Twojego landing page jest video ukazujące Twoją ofertę wraz z korzyściami z niej płynącymi. Po prostu przeciągnij i upuść zaślepkę, w której pojawi się Twoje nagranie video po dodaniu hiperłącza prowadzącego do serwisu YouTube. Dodatkowo możesz również zmienić wielkość i umiejscowienie kontenera zawierającego Twój film, aby dopasować go jeszcze lepiej do swojego landing page.

Elementy układu graficznegoDzięki zaawansowanemu edytorowi tła możesz w łatwy sposób ustawić wybraną przez Ciebie grafikę jako tło landing page. Dopasuj jej umiejscowienie i wielkość, aby pasowała do rozdzielczości ekranu niezależnie od tego na jakim urządzeniu będzie przeglądana. Jeśli preferujesz jednak zwykłe kolory lub gradienty możesz ich również użyć jako tło. W ten sposób uzyskasz przejrzystość, która sprawi, że Twoja strona docelowa będziesz jeszcze skuteczniejsza.

Aby ułatwić sobie pracę możesz dodatkowo włączyć prowadnice, które pomogą Ci w utrzymaniu poprawnego układu i proporcji swojego landing page. W ten sposób upewnisz się, że realizujesz projekt zgodnie z wcześniej ustalonym planem i wizją.

Testy A/B?Dzięki Testom A/B możesz sprawić, że wszystkie elementy zawarte w landing page spełniają oczekiwania Twojej grupy docelowej. Funkcjonalność ta pozwoli Ci na stworzenie aż 10 wariantów swojej strony docelowej. Zamieniaj grafiki, przyciski wzywające do działania, nagłówki czy teksty. Analizuj wyniki testów i sprawdź, który wariant będzie najskuteczniej oddziaływał na Twoich odbiorców i ich potrzeby. Dzięki temu Twój wskaźnik konwersji wzrośnie w mgnieniu oka!

Aby dodać nowy wariant swojego landing page wystarczy, że klikniesz w symbol „+”, który znajduje się obok obecnie wybranego wariantu, który jest prezentowany w formie zakładki. Nowa pozycja, gotowa do edycji, pojawi Ci się po prawej stronie obecnie wybranego wariantu.


10

Na samym końcu zakładek możesz ujrzeć również “Stronę z podziękowaniem za subskrypcję”. Gdy w nią klikniesz, pojawią Ci się opcje pozwalające na edycję domyślnej strony z podziękowaniem, która ukaże się Twoim odbiorcom, którzy wypełnią przygotowany przez Ciebie formularz.

SzablonyMożesz stworzyć swój własny landing page korzystając ze 100+ responsywnych i całkowicie darmowych szablonów, które przygotowaliśmy właśnie z myślą o Tobie.

Na stronie “Wyboru Szablonu” możesz odnaleźć poniżej wymienione kategorie. Wystarczy, że klikniesz w jedną z nich, a pojawią Ci się szablony przynależące do danej grupy. Gdy już odnajdziesz taką, która spełnia wszystkie Twoje wymagania po prostu w nią kliknij, aby przejść do Kreatora Landing Page.

Strony SubskrypcjiCelem stron subskrypcji jest pozyskiwanie nowych subskrybentów Twojego newslettera.


11

Strony SprzedażoweGłównym celem stron sprzedażowych jest sprzedaż produktów oraz usług wykorzystując przy tym efektowne zdjęcia, skuteczne teksty oraz dopracowane przyciski wzywające do działania.

Strony PromocyjneWykorzystuj kody rabatowe, aby wynagradzać klientów, którzy wykonają określoną przez Ciebie akcję. W ten sposób na pewno zmotywujesz ich do działania!

Strony PobieraniaTe landing pages zostały zaprojektowane, aby ułatwić Ci dzielenie się materiałami takimi, jak poradniki, ebooki czy raporty.

Strony “o Mnie”Jesteś autorem, artystą lub przedsiębiorcą? Wykorzystaj “Strony o Mnie”, aby pokazać swoje projekty i osiągnięcia, budując jednocześnie świadomość swojej własnej marki wśród nowych publiczności.

Strony VideoZaprezentuj swoje produkty lub usługi za pomocą skutecznych i przekonywujących nagrań video, które umieścisz na swojej stronie docelowej pozyskując nowe audytorium.

Strony z PodziękowaniemWykorzystuj je, aby pokazać wdzięczność swoim odbiorcom za wykonane przez nich akcje. Powinny one być pokazywane np. gdy wypełnili ankietę, zakupili produkt lub zapisali się na organizowany przez Ciebie webinar.


12

Strony WebinarówTe strony pomogą Ci w zbieraniu zapisów na Twoje szkolenia, webinary i konferencje on-line.

Zacznij od początkuJeśli wolisz zaprojektować swój własny landing page od podstaw, ta funkcja pozwoli Ci osiągnąć właśnie ten cel.

Edytor HTMLJeśli umiejętnie posługujesz się kodem HTML i preferujesz edytować swój landing page właśnie za jego pomocą to masz taką możliwość. Nie musisz opierać się tylko na naszym intuicyjnym Kreatorze.

Wystarczy, że klikniesz w ikonę Edytora HTML i potwierdzisz, że kod HTML jest Ci znany, aby uzyskać dostęp.

W tym miejscu możesz całkowicie zmienić lub zamienić widoczny kod na własny, który Ci bardziej odpowiada.


13

Ustawienia landing pageGdy już będziesz zadowolony z wyglądu swojego landing page przyszedł czas, aby dokonać zmian w jego ustawieniach.

Tytuł stronyJest to tytuł Twojej strony docelowej, który będzie widoczny w wynikach wyszukiwarek, jako atrybut META <title> oraz w oknie przeglądarki, aby pokazać użytkownikom na jakiej znajdują się stronie.

OpisPoniżej tytułu Twojego landing page znajduje się opis. Dzięki niemu możesz wyjaśnić swoim odbiorcom dlaczego warto zajrzeć na Twoją stronę i zachęcić ich do jej otwarcia. Jest to również istotny element dla wyszukiwarek, które wykorzystują te dane, dodając strony do odpowiednich kategorii.

Noindex meta tagWyłącz tę opcję, aby Twój landing page pojawiał się w wynikach wyszukiwania osobom, które nie znają dokładnego adresu URL Twojej strony. Dzięki temu będziesz miał całkowitą kontrolę nad tym kto ujrzy Twoją stronę, ale jednocześnie zmniejszysz swoją szansę na uzyskanie organicznego ruchu.

Ustawienia url dla landing pageSwój landing page możesz hostować na jednej z domen przygotowanych przez GetResponse lub użyć w tym celu własnej, odpowiednio przygotowanej domeny.

Pamiętaj, że korzystając z własnej domeny powinieneś dokonać odpowiednich zmian w ustawieniach DNS. Po więcej informacji, zapraszamy do naszej Bazy Wiedzy.


14

Ustawienia subskrypcjiZadecyduj do jakiej kampanii zostaną dodani nowo zapisani subskrybenci. Możesz wybrać kampanię, cykl autoresponderów oraz to, czy użytkownicy otrzymają automatycznie wygenerowaną wiadomość potwierdzającą zapis. Dzięki temu Twoja lista odbiorców będzie czysta i zaangażowana od samego początku.

Opublikuj na FacebookuDzięki tej funkcji możesz automatycznie umieścić link do swojego landing page na swoim Facebook Fanpage. Wystarczy, że zintegrujesz konto Facebookowe i zadecydujesz, jaka wiadomość powinna się wyświetlić zaraz obok adresu URL Twojej strony docelowej.

Tworzenie Landing Page

Documents

Transcript of Tworzenie Landing Page