Jak zbudować landing page nie znając się na kodowaniu?


Prowadzisz własną firmę, albo dopiero zaczynasz przygodę z marketingiem online? A może ogarniasz samodzielnie jednoosobowy dział marketingu i nie możesz pozwolić sobie na zlecenie stworzenia landing page na zewnątrz? Jeśli tak to mam dobrą wiadomość – w naszym narzędziu wykreujesz od podstaw skuteczny landing!

Czym różni się landing page od zwykłej strony internetowej, np. Twojej firmy? Landing z reguły to pojedyncza strona, na którą kierowany jest odbiorca po kliknięciu w reklamę czy link w mailingu. Landing ma dużo prostszą formę, często brak nawigacji (bądź nawigację w obrębie one-page) i realizuje określony cel.

W landing page najważniejszy jest CEL

Pamiętaj, że landing page to Twoja wizytówka, którą tworzysz w jakimś konkretnym celu. Cel ten powinien być jasny i określony, a wszystkie elementy landingu powinny do niego prowadzić. Przyjmij zasadę: 1 landing page = 1 cel.

Zwykle landing page tworzy się w celu:

  • pozyskania odbiorców (formularz zapisu),
  • sprzedaży produktu lub usługi,
  • zaprezentowania produktu lub usługi (np. nowości),
  • rozpromowania materiału (np. ebooka),
  • zapisu na webinar,
  • założenie konta (np. w aplikacji),
  • przekazanie informacji.

Niestety całkiem łatwo możesz zatracić się w gąszczu “przeszkadzaczy”. Warto zastanowić się, czy każdy z elementów na stronie jest potrzebny i czy przybliża użytkownika do celu. Na przykład – czy jest potrzebna nawigacja, a jeśli tak, to czy nie powinno się jej okroić do naprawdę niezbędnych odnośników?

Również stylistyka Twojej strony docelowej powinna być spójna zarówno z Twoją marką jak i z przekazem w reklamie czy mailingu, tak aby użytkownik, który na nią trafi, nie czuł się zagubiony. Zwróć uwagę na takie elementy jak:

  • czy przycisk lub formularz jest widoczny i nie zlewa się z tłem,
  • czy grafiki nie odwracają uwagi od najważniejszego celu,
  • czy w formularzu nie umieściłeś zbyt wielu pól, które mogą odstraszyć potencjalnego klienta.

Projektując landing skup się na tym, by przekazać maksimum treści w skondensowany sposób. Stosuj:

  • wypunktowania lub wyliczenia,
  • bloki z krótko opisanymi cechami,
  • wyraźny nagłówek,
  • jeszcze bardziej wyraźny przycisk CTA.

Pamiętaj również, by wskazać odbiorcy na korzyści z podjęcia działania.

Elementy Landing Page

A teraz przedstawię Ci najważniejsze elementy landing page oraz jak je wyeksponować, by przynosiły konwersję. Pokażę również, jak za pomocą gotowych bloków, zbudujesz je w systemie FreshMail.

Link

Tak, nie ma landing page bez odnośnika do niego. Wiarygodny link sprawia, że użytkownicy w niego klikają, z kolei link z charakterystyczną nazwą zostaje zapamiętany. Dlatego przy tworzeniu linku do swojego landing page postaraj się, by jego nazwa była krótka (najlepiej jednowyrazowa, bez konieczności dodawania myślników czy kropek) oraz nie posiadała polskich znaków.

lp zakladka

Dobrze jest wyróżnić się wśród wielu otwartych zakładek. Pomoże w tym dodanie tytułu strony i ikonki (favicon), która wyświetla się w otwartym oknie. Dzięki temu, Twoja strona wygląda profesjonalnie, a użytkownik łatwo odnajdzie ją, gdy chwilowo zmieni zakładkę na inną.

Tworząc stronę należy także zadbać o to, by dobrze wyświetlała się w wyszukiwarkach. W tym z kolei pomoże opis, w którym zawrzesz podstawowe informacje o zawartości witryny.

W mierzeniu konwersji strony warto skorzystać z narzędzi Google Analytics i w odpowiednim miejscu dodać kod śledzenia odwiedzin – wtedy będziesz wiedzieć, skąd Twoi odbiorcy znaleźli się na stronie, czy wypełnili formularz albo kliknęli w CTA.

Jak to zrobić we FreshMailu?

Nie musisz wiedzieć, gdzie umieścić kod śledzenia czy jak wpisać meta dane. W dodaniu odpowiednich elementów pomoże prosty Kreator Landing Page we FreshMailu.

W pierwszym kroku zostaniesz poproszony o wypełnienie pól:

  • Nazwa projektu (widoczna tylko dla Ciebie)
  • Domena (możesz skorzystać z naszej domeny lub dodać własną subdomenę)
  • Tytuł strony (będzie on widoczny w przeglądarce)
  • Opis (zawierający najważniejsze informacje o witrynie, widoczny w wyszukiwarkach, a także bardzo ważny do pozycjonowania strony)
  • Ikonka (widoczna w przeglądarce obok tytułu strony)
  • Analityka Google (jeśli posiadasz konto Google Analytics i chcesz mierzyć konwersję, wystarczy, że zaznaczysz to pole i w tym miejscu wkleisz kod GA. Nie musisz martwić się o nic więcej – nasz system automatycznie umieści kod śledzenia w odpowiednim miejscu)

lp 1 link

Są to właśnie wszystkie elementy związane z linkiem oraz techniczne parametry strony, które są potrzebne, by wyświetlała się ona poprawnie i dobrze zarówno w oknie przeglądarki, jak i w wynikach wyszukiwania.

Wygląd

Nie ma się co oszukiwać – wygląd ma znaczenie. Dlatego zadbaj o wizualną stronę Twojego landing page. Na początku określ, jak ma wyglądać sam szablon. Do zaprojektowania makiety wystarczy Ci nawet kartka papieru i długopis!

Pamiętaj, że najlepszym rozwiązaniem jest prostota. Dlatego nie umieszczaj wielu rodzajów fontów czy kolorów. Najlepiej ustal odgórnie, jak będą wyglądać nagłówek, teksty, linki czy przyciski.

Jak to zrobić we FreshMailu?

Po wybraniu opcji Nowy szablon pojawi Ci się okno, w którym możesz ustalić, jak będą wyglądały podstawowe elementy strony: tło, fonty, czy przyciski.

lp wyglad podstawowy

Układ treści

Możesz zdecydować, czy poszczególne elementy landing page będą się wyświetlały użytkownikom w jednej, dwóch, trzech czy czterech kolumnach. Na tej podstawie przeniesiesz narysowany wcześniej szablon na swoją stronę. Ustalenie już na początku, jak ma być zbudowana strona, ułatwi Ci dalsze projektowanie.

Jak to zrobić we FreshMailu?

Z menu po lewej stronie wybierz Układ, a następnie przesuń wybrany przez Ciebie blok w pole podglądu. Możesz wybierać różne układy w obrębie jednego landing page.

lp uklad

Nagłówek, który przyciąga uwagę

A najlepiej taki, po przeczytaniu którego, użytkownik już będzie wiedział, co ma zrobić i jakie korzyści mu to przyniesie. Nagłówek to pierwsze zdania widoczne po załadowaniu strony, dlatego musi być chwytliwy, wyraźny, jednoznaczny, przekaż w nim wartości i korzyści. Spokojnie, nie musisz ograniczać się do jednego wyrazu albo dwóch! Nagłówek możesz spokojnie opatrzyć mniejszym tekstem, który dopowie tytuł.

lp naglowek

Krótkie i konkretne treści

Jeden długi akapit, który ciężko przeczytać szczególnie na małych ekranach, nie jest dobrym rozwiązaniem. Dlatego lepiej działają krótkie akapity, hasłowe treści, wypunktowania i numerowania. Nie zapomnij o tym, by pisać do użytkownika językiem korzyści.

Jak to zrobić we FreshMailu?

W naszym kreatorze mamy szereg bloków, które pozwolą Ci ciekawie ułożyć teksty na swojej stronie – zarówno nagłówki jak i mniejsze treści. Możesz użyć bloków:

  • akapit (nagłówek, treść, button),
  • tytuł z podtytułem (nie musi być to tylko nagłówek strony, ale także tytuł jakiejś sekcji),
  • tekst z obrazkiem (umieszczony po prawej lub lewej stronie),
  • 3 akapity (obrazek, tekst, button),
  • lista i lista numerowana,
  • nagłówek 1 i 2,
  • zwykłe pole tekstowe.

lp teksty

Zdjęcia

Obraz wart jest tysiąc słów – to znane powiedzenie nabiera podwójnego znaczenia, gdy w grę wchodzi przyniesienie konwersji. Dlatego dbaj o to, by umieścić na landingu grafiki, czy to wektorowe, ikony, czy zdjęcia. Przyciągają one uwagę i mogą mocno przyczynić się do zrealizowania celu – szczególnie gdy przedstawiają produkt.

Wybierając zdjęcia do swojej strony pamiętaj o kilku zasadach:

  • powinny odpowiadać temu, o czym jest landing page,
  • najlepiej, aby przedstawiały one produkt lub nawiązywały do usługi,
  • dobrze, jeśli umieścisz na nich twarze lub postaci, które dodatkowo wskazują na CTA,
  • były dobrej jakości i w dużej rozdzielczości,
  • były proste – nie zawierały zbyt wielu elementów, które mogą odwrócić uwagę i rozpraszać odwiedzającego,
  • jeśli to możliwe – z własnej sesji zdjęciowej (czasami zdjęcia stockowe są zbyt sztuczne, a zdjęcia z darmowych stocków często powielają się w internecie).

Jak to zrobić we FreshMailu?

Dodając elementy graficzne do swojej strony, masz kilka możliwości. Możesz wykorzystać blok Obraz, który najlepiej nadaje się do umieszczania dużych grafik. Jeśli chcesz dodać mniejszą grafikę, która będzie obrazować tekst, wybierz bloki Tekst + obraz, Obraz + tekst lub 3 Akapity – w zależności od tego, jak chcesz umieścić treści. Trzecim rozwiązaniem jest dodanie galerii zdjęć.

lp grafiki

A gdy chcesz, by obraz stanowił tło całego landing page, to najlepiej jeszcze przed umieszczeniem bloków, kliknij w obszar Body, następnie wybierz z menu po lewej stronie Tło i ramka, a potem – Obrazek tła. Klikając w button Obrazki zostaniesz przekierowany do biblioteki plików, w której możesz wybrać wgrane już zdjęcie lub dodać nowe.

lp obraz w tle

Następnie określ, jak obrazek ma “zachowywać się” na stronie – czy ma być statycznym tłem, czy np. ma się przewijać, jak ma być wyrównany oraz jak dopasować zdjęcie do obszaru landing page.

Wideo

Świetnym “przykuwaczem” uwagi jest krótki film, w którym możesz opowiedzieć wszystko to, co nie zmieści się na landingu. Filmik może pokazywać, jak tworzysz jakąś rzecz (np. w przypadku rękodzieła), jak działa dana aplikacja (instrukcja), czy jak Twoja firma wygląda “od wewnątrz”. Wszystko to, co da użytkownikowi poczucie, że znalazł się we właściwym miejscu oraz zachęci go do zrealizowania celu.

Jak to zrobić we FreshMailu?

Film musi być umieszczony na YouTube lub Vimeo. Wybierz blok Film, a następnie określ jego źródło, wstaw link i odznacz dodatkowe parametry.

lp wideo

Następnie standardowo możesz określić jego wymiary, dodać ramkę czy tło.

Kontakt

W zależności od celu Twojego landing page, możesz (ale nie musisz) umieszczać na nim dane kontaktowe. Jednak w przypadku, gdy są one niezbędne, najlepiej umieścić je na dole strony. Wtedy większy nacisk kładziesz na realizację celu, a dane teleadresowe zostawisz dla tych, którzy chcą dowiedzieć się więcej na Twój temat bądź skontaktować w indywidualnej sprawie.

Jak to zrobić we FreshMailu?

To bardzo proste. Wystarczy, że wybierzesz blok Kontakt, a następnie uzupełnisz dane: np. nazwę firmy i adres, ale może być to równie dobrze np. imię i nazwisko i numer telefonu. Dodaj zdjęcie, np. logo i umieść adres na mapie. A jeżeli nie chcesz dodawać do kontaktu mapy, możesz ją w łatwy sposób usunąć.

lp kontakt

Mapa

Mapa to doskonałe rozwiązanie w przypadku firm działających lokalnie lub takich, gdzie klient jedzie do siedziby, np. do galerii sztuki, restauracji, salonu kosmetycznego itp. Pokazanie dokładnego adresu na mapie pomoże takiej osobie łatwiej zlokalizować obiekt.

Jak to zrobić we FreshMailu?

Dodaj blok z mapą lub blok kontakt. Klikając w obszarze mapy pojawi Ci się po lewej stronie pole do wpisania adresu. System automatycznie odnajdzie Twoją lokalizację na mapie. Następnie możesz wybrać, jak ma się ona wyświetlać użytkownikom – czy ma być to mapa, czy widok satelity. Suwakiem określisz, jak bardzo przybliżona ma być dla widoku domyślnego.

lp mapa

Social media

To dobre rozwiązanie jeśli chcesz po pierwsze – zwiększyć zasięg swoich mediów społecznościowych, a po drugie – uwiarygodnić swoją firmę. Dodanie ikonek social media ułatwi też kontakt z klientami, którzy wolą taką formę komunikacji.

Pamiętaj tylko, by nie umieszczać odnośników do social mediów zbyt wysoko na landing page, bo to może odciągnąć użytkownika od zrealizowania celu. Generalnie każdy zewnętrzny odnośnik może to zrobić, więc ograniczaj je jak tylko możesz lub umieszczaj je na dole strony – najlepiej w stopce – aby były jedynie dodatkiem.

Jak to zrobić we FreshMailu?

Dodaj odpowiedni blok i umieść go na dole strony. Następnie klikając na ikonkę pojawi Ci się pasek, w którym należy kliknąć w znak linku. W oknie wklej bezpośredni link do Twojego profilu na social media, określ, jak ma się otwierać – czy w tym samym oknie, czy w nowym. Możesz również dodać tekst alternatywny, który pojawi się, gdy z jakiegoś powodu grafiki nie zostaną wyświetlone.

Ikonki social media nie wpisują się w stylistykę Twojej strony? Nie martw się, możesz dodać własną, klikając dwa razy w grafikę.

Jeśli nie posiadasz kont na wszystkich domyślnie wstawionych social mediów, z łatwością usuniesz niepotrzebną ikonkę. A gdy masz ich więcej, wystarczy, że powielisz jedną z ikonek i umieścisz link do kolejnego profilu. Uwaga, jest mały haczyk – powielona ikona po zmianie linku nie zmieni automatycznie obrazka, dlatego jeśli chcesz dodać odnośnik np. do Vimeo, musisz zmienić jego ikonkę na własną.

lp social media

Licznik czasu

Nic nie motywuje do podjęcia decyzji bardziej, niż ostatnie minuty promocji. Szczególnie, gdy odbiorca widzi upływający czas. W uruchomieniu takiej “emocji strachu” oraz obawy przed utratą okazji pomaga licznik czasu.

Jak to zrobić we FreshMailu?

Umieść blok Licznik w wybranym miejscu. Klikając w pole bloku pojawi Ci się po lewej stronie okno do uzupełnienia daty zakończenia odliczania oraz tekst, który ma się pojawić po zakończeniu. Wybierając datę widzisz od razu, jak licznik odmierza czas.

lp licznik

Formularz zapisu

Jeśli celem Twojego landing page jest zapis do newslettera bądź np. pobranie ebooka w zamian za zostawienie adresu email, nie możesz zapomnieć o odpowiednim formularzu.

Dobrze, jeśli będzie on umieszczony w widocznym miejscu, a jego nagłówek powinien zachęcać do zapisu. Pamiętaj, że jeśli oferujesz w zamian za zapis jakąś wartość, np. ebook, musisz jasno zakomunikować, że dana osoba zostanie dodana do listy subskrybentów.

Jak to zrobić we FreshMailu?

Bardzo prosto. Z listy bloków po lewej stronie wybierz Formularz i umieszcz go w wybranym miejscu. Po upuszczeniu bloku zostaniesz skierowany do biblioteki formularzy FreshMail, skąd możesz wybrać poprzednio stworzony formularz lub utworzyć nowy. Pamiętaj, że jeden formularz odpowiada jednej liście odbiorców!

lp formularz

Polityka cookies

Jest to obowiązkowy element każdej strony, dlatego jeśli budujesz landing page od nowa, a nie działasz na własnej podstronie, musisz dodać również ten blok.

Jak to zrobić we FreshMailu?

Wybierz ikonę Ciasteczka i upuść ją na stronie. Następnie klikając w style możesz zmienić wysokość, szerokość, kolor tła, przycisków, treści, dodać np. ramkę czy cień.

lp cookies

Klikając w pole tego bloku pojawi Ci się również odnośnik do polityki prywatności, której treść musisz sam dodać.

Responsywność

A teraz bardzo ważne – zadbaj o to, by landing page dobrze wyświetlał się na różnych ekranach – nie tylko komputerów, ale też tabletów czy smartfonów. To, jak wygląda strona na różnych ekranach, zobaczysz klikając w ikonki zaznaczone poniżej w ramce.

lp responsywnosc

Jeśli jakiś układ nie odpowiada temu, jak sobie to zaplanowałeś, wystarczy, że w widoku ekranu (np. smartfona), poprzesuwasz elementy. Zmiany dla danego widoku zostaną automatycznie zapisane.

Słowem podsumowania…

Jak widzisz, stworzenie landing page z gotowych elementów nie wymaga od Ciebie znajomości HTMLa. Poświęcając jedynie swój czas, możesz zbudować efektywną stronę, która przyniesie Ci subskrybentów lub pomoże sprzedać produkt.





Source link

35 thoughts on “Jak zbudować landing page nie znając się na kodowaniu?

  • December 10, 2020 at 5:03 pm
    Permalink

    This post will assist the internet visitors for creating new webpage or even a weblog from start to end. Thomasin Berkeley Gaivn

    Reply
  • December 17, 2020 at 9:11 am
    Permalink

    I think you have noted some very interesting details , appreciate it for the post. Daune Marco Alcinia

    Reply
  • December 17, 2020 at 10:28 pm
    Permalink

    A big thank you for your article post. Really looking forward to read more. Really Cool. Else Dolf Tarton

    Reply
  • December 18, 2020 at 5:14 am
    Permalink

    I like this web site very much, Its a rattling nice place to read and find info . Eustacia Peyter Solberg

    Reply
  • December 18, 2020 at 8:49 am
    Permalink

    If some one wants expert view regarding blogging after that i advise him/her to pay a visit this weblog, Keep up the good job. Felice Hernando Sawtelle

    Reply
  • December 18, 2020 at 10:39 am
    Permalink

    I value the blog article. Much thanks again. Much obliged. Eva Sergio Zipah

    Reply
  • December 18, 2020 at 12:59 pm
    Permalink

    Excellent article! We will be linking to this particularly great content on our website. Keep up the good writing. Marigold Aron Spector

    Reply
  • December 18, 2020 at 2:44 pm
    Permalink

    Superb, what a blog it is! This web site provides helpful information to us, keep it up. Katerina Osgood Guenna

    Reply
  • December 18, 2020 at 3:57 pm
    Permalink

    I am glad that I found this site, just the right info that I was looking for! . Davita Stillmann Darian

    Reply
  • December 18, 2020 at 6:11 pm
    Permalink

    Very good post. I am going through many of these issues as well.. Yolande Meyer Akers

    Reply
  • December 19, 2020 at 5:37 am
    Permalink

    A big thank you for creating such an useful article on this subject. I hope to find here more of these done by you, in the coming weeks. Emilee Ode Patrick

    Reply
  • December 19, 2020 at 9:12 am
    Permalink

    I think that what you said was actually very reasonable. Damaris Herold Rolandson

    Reply
  • December 19, 2020 at 10:38 am
    Permalink

    Just desire to say your article is as astonishing. Horatia Orland Etoile

    Reply
  • December 19, 2020 at 12:37 pm
    Permalink

    Very nice article. I definitely appreciate this website. Trista Raul Michell

    Reply
  • December 19, 2020 at 1:54 pm
    Permalink

    Some genuinely wonderful posts on this site, thanks for contribution. Candide Micky Melvina

    Reply
  • December 19, 2020 at 3:47 pm
    Permalink

    Excellent post! We will be linking to this great post on our website. Keep up the good writing. Penni Xavier Frieda

    Reply
  • December 20, 2020 at 7:05 am
    Permalink

    Currently it appears like WordPress is the top blogging platform available right now. Charin Dale Feingold

    Reply
  • December 20, 2020 at 10:27 am
    Permalink

    I see something really interesting about your site so I bookmarked . Emelyne Archibold Shaw

    Reply
  • December 20, 2020 at 2:51 pm
    Permalink

    This contained some excellent tips and tools. Great blog publication. Marieann Saunders Annamaria

    Reply
  • December 20, 2020 at 4:25 pm
    Permalink

    Loving the information on this site, you have done outstanding job on the articles. Malia Hagen Tager

    Reply
  • December 20, 2020 at 7:49 pm
    Permalink

    Just wanna input on few general things, The website layout is perfect, the articles is very superb : D. Starlin Hewitt Xenos

    Reply
  • December 20, 2020 at 9:35 pm
    Permalink

    Really enjoyed this post. Much thanks again. Much obliged. Charyl Delmor Idell

    Reply
  • December 20, 2020 at 10:59 pm
    Permalink

    What a information of un-ambiguity and preserveness of valuable knowledge concerning unpredicted emotions. Collete Cazzie Cavallaro

    Reply
  • December 21, 2020 at 5:51 am
    Permalink

    Here is an excellent Weblog You might Obtain Interesting that we encourage you to visit. Alison Ara Raybin

    Reply
  • December 21, 2020 at 9:40 pm
    Permalink

    Redirect dofollow backlinks are one of the most powerful SEO backlinks for ranking websites at top positions in any search engine. Silvana Pinchas Paucker

    Reply
  • December 22, 2020 at 12:19 pm
    Permalink

    Thanks-a-mundo for the blog article. Really looking forward to read more. Great. Ronny Xavier Hachman

    Reply
  • December 23, 2020 at 4:27 am
    Permalink

    Hello. This article was extremely remarkable, especially because I was looking for thoughts on this subject last Thursday. Toinette Berkie Pears

    Reply
  • January 22, 2021 at 12:13 am
    Permalink

    I really like and appreciate your blog post. Really thank you! Want more. Carlye Rutger Sheffy

    Reply
  • January 29, 2021 at 10:25 pm
    Permalink

    You completed a few good points there. I did a search on the subject and found nearly all people will consent with your blog. Cindee Chauncey Lucy

    Reply
  • February 1, 2021 at 1:29 am
    Permalink

    ako rin po gusto ko po humingi ng reviewer mo? tnx Jodie Cornall Asare

    Reply
  • February 1, 2021 at 11:45 pm
    Permalink

    At this time I am going away to do my breakfast, when having my breakfast coming over again to read more news.| Maddalena Benedetto Brownley

    Reply
  • February 2, 2021 at 2:40 am
    Permalink

    Could you write about Physics so I can pass Science class? Niki Ramon Lunette

    Reply
  • February 3, 2021 at 11:11 pm
    Permalink

    Excellent blog here! Additionally your website lots up fast!
    What web host are you the use of? Can I am getting your
    affiliate link in your host? I desire my web site loaded up as
    quickly as yours lol

    Reply
  • February 7, 2021 at 2:06 am
    Permalink

    Hi! This is my first comment here so I just wanted to give a quick shout out and tell you I truly enjoy reading your blog posts. Can you recommend any other blogs/websites/forums that cover the same topics? Thanks a ton! Helene Loy Carpio

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *