Jak zrobić landing page w WordPress?

Zaktualizowano: 18 października, 2021 7min. czytania Autor: Jarosław Ściślak
WordPress Landing Page
Spis treści
Spis treści

Landing page, czyli strona docelowa, to pierwsza strona, na którą trafia odwiedzający pozyskany z działań promocyjnych – przykładowo z Google Ads, Facebooka, czy z targetowanego mailingu. Krótkie i napisane językiem korzyści strony docelowe osiągają znacznie wyższe współczynniki konwersji niż ruch kierowany na stronę główną lub inne podstrony.

Stworzyć stronę docelową można na różne sposoby. Projektując ją samemu, co oznacza wykorzystywanie zasobów wewnętrznych firmy i odciąganie współpracowników od ich głównych zadań. Można też obniżyć koszty i przyspieszyć proces, zlecając wykonanie na zewnątrz. Tworzenie landing pages to usługa, która z pewnością przyspieszy proces budowy kampanii i osiągania wymiernych wyników. Można stosować też szablony landing page, a następnie użyć dodatkowego narzędzia. Nasza wtyczka WordPress landing page z pewnością Ci w tym pomoże.

Zastanawiasz się jakie masz możliwości stworzenia strony docelowej na WordPressie? WordPress jest najpopularniejszą platformą do tworzenia stron internetowych na świecie i możesz w nim stworzyć landing page wykorzystując różne narzędzia i metody. Wszystko sprowadza się do tego, jakie umiejętności posiadasz i jakim budżetem dysponujesz. W tym wpisie przedstawimy Ci pięć sposobów na zrobienie landing page w ramach omawianego systemu CMS.

1. Zaprojektowanie Landing page w PHP

Skutecznym sposobem na stworzenie nowej strony docelowej w WordPressie jest po prostu użycie domyślnego szablonu page.php i ręczna zmiana jego struktury CSS / HTML.

Samodzielnie stworzone strony docelowe są łatwiejsze w konfiguracji. Jeśli chcesz stworzyć stronę, która wykracza poza limit standardowych układów, fontów i przycisków, prawdopodobnie powinieneś sam ją zakodować lub zlecić jej wykonanie programiście. Jeśli jednak nie ma on czasu, możesz skorzystać z edytora drag & drop, który jest elastyczny i łatwo stosować go do wielu celów (więcej na ten temat w punkcie czwartym).

Jak zrobić landing page w PHP?

Przykładowy landing page w WordPress
  1. Stwórz motyw potomny.
  2. Stwórz plik style.css.
  3. Stwórz plik functions.php.
  4. Zainstaluj i aktywuj stworzony motyw potomny.
  5. Stwórz nową stronę na motywie potomnym i zachowaj ją w formacie landing-page.php.
  6. Dodaj multimedia.
  7. Zmodyfikuj sekcję Nagłówka.
  8. Zaraz poniżej linii <! – .site-branding -> dodaj znacznik do pliku landing-page.php, aby jego zawartość mogła się wyświetlić.
  9. Dodaj style CSS.

2. Gotowe szablony WordPress

Nie zajmujesz się zawodowo projektowaniem stron www? Nie przejmuj się, nawet laik może  stworzyć elegancką i profesjonalnie wyglądającą stronę docelową, korzystając z szerokiego wyboru szablonów WordPressa. Nie jesteś skazany na swój obecny interfejs. Gotowy szablon WordPress to dobra opcja dla tych, którzy nie będą potrzebowali wielu różnych stron docelowych. Gdzie znajdziesz dobre szablony?

Darmowe szablony

Większość bezpłatnych szablonów jest niestety niedopracowana i nie zawsze spełnia wymagania nowoczesnej i responsywnej, dobrze wyglądającej strony. Istnieją jednak wartościowe źródła. Dobry początek to oficjalne repozytorium WordPress. Warto też zajrzeć na strony Colorlib i TemplateMonster.

Płatne szablony

Warto zainwestować w płatny szablon. Dzięki niemu stworzysz efektowną i responsywną stronę docelową dopasowaną pod konkretny cel i ofertę. Najlepszymi źródłami profesjonalnych szablonów dla WordPress są Theme Forest oraz Template Monster.

Przykład szablonu landing page

Przed zakupem szablonu warto abyś sprawdził, jak często jest aktualizowany dany szablon. Kolejnymi kryteriami oceny są opinie użytkowników oraz przede wszystkim posiadane funkcjonalności. Zwróć szczególną uwagę na mobilną wersję szablonu i przetestuj demo usługi. Na ThemeForest znajdziesz szablony z rozbudowanymi możliwościami edycji.

Pamiętaj, że Twój landing page powinien dobrze się prezentować w oczach odbiorcy. Wszyscy jesteśmy wzrokowcami, więc odpowiednio skonstruowana oferta, jej jakość wizualna i intuicyjność strony w dużej mierze decydują o decyzjach zakupowych i mają ogromny wpływ na konwersję.

3. Edytor Divi dla WordPress

Divi to dedykowany edytor landing page, który pozwoli Ci zbudować własną stronę docelową od podstaw, z wykorzystaniem wcześniej zaprojektowanych 23 komponentów strony. Divi działa w metodzie drag’n’drop, więc poszczególne elementy możesz po prostu przeciągnąć i upuścić w wybranym przez siebie miejscu. Tym sposobem stworzysz całe układy, które kolejno możesz zapisać w Bibliotece Divi do wykorzystania w kolejnych projektach.

Układy stworzysz z najbardziej podstawowego komponentu, jakim są sekcje. Możesz wybrać:

  1. sekcje standardowe, na które składają się wiersze i kolumny,
  2. sekcje pełnej szerokości,
  3. sekcje specjalne.

Sekcje możesz budować od zera i dodawać pojedynczo lub skorzystać z opcji “Master Template”, gdzie masz dostęp do wszystkich sekcji.  Można kolejno je wyłączać i tą metodą dojść do układu strony docelowej, który Cię interesuje. Jak wyłączyć sekcje? Kliknij prawym przyciskiem myszki na konkretną sekcję i wybierz opcję Disable feature.

Istnieje szczegółowa instrukcja instalacji i poruszania się po narzędziu, dzięki której nie będzie miało przed Tobą żadnych tajemnic.

Wszystko wewnątrz Divi możesz wyeksportować z jednej strony internetowej, a następnie zaimportować do nowej witryny. Tym samym stworzysz też kopie zapasowe swoich motywów landing page, zapiszesz ulubione ustawienia lub udostępnisz swoje projekty innym użytkownikom. Zaletą Divi jest możliwość budowy Biblioteki szablonów, więc możesz zaoszczędzić czas przy następnym projekcie i skupić się tylko na dodawaniu potrzebnych treści.

4. Edytor drag & drop

Problemem obecnym w większości szablonów WordPressa jest ich ograniczenie w projektowaniu strony docelowej. Każdy szablon pozwala przykładowo umieścić dowolny element w głównym bloku treści szablonu strony. Jeśli jednak chcesz zrobić coś poza tym obszarem, masz już związane ręce. Gdy chcesz tworzyć wiele stron docelowych i już na starcie masz świadomość, że będziesz potrzebować kilku lub kilkunastu różnych szablonów, skorzystaj z edytora drag & drop. Znacznie przyspieszy to Twoją pracę.

Dzięki edytorowi drag’n’drop możesz zrobić więcej z każdym projektem strony. Możesz dowolnie edytować gotowe projekty lub stworzyć swój od zera. Wszystko w intuicyjnym interfejsie. Dzięki temu proces kreacji strony docelowej znajdzie się pod pełną kontrolą.

Możesz do tego celu wykorzystać nasz edytor landing page, który umożliwia nie tylko intuicyjne tworzenie skutecznych stron docelowych, ale także integrację z wykorzystywanymi już przez Ciebie systemami marketingowymi. Możesz też łatwo edytować swoją stronę i poszerzyć jej funkcjonalność dzięki dowolnym kodom javascript które dodasz w czasie krótszym, niż przeczytanie tego akapitu.

5. Wtyczki do WordPressa

Jeśli chcesz szybko stworzyć stronę docelową, a nie jesteś programistą, przeszukaj oficjalne repozytorium WordPressa. Możesz też zainstalować bezpłatną wtyczkę do WordPressa, która umożliwi płynną integrację.

Wtyczki do WordPressa to podstawa pracy z tym CMS-em. Pozwalają one znacząco rozbudować funkcjonalności tej platformy.

Jak w przypadku każdej wtyczki do WordPressa, po jej pobraniu ścieżka instalacji wygląda następująco:

Wtyczki → Dodaj nową → Zainstaluj → Włącz wtyczkę

Wtyczka będzie potem dostępna w lewym menu kokpitu i z tego poziomu możesz zacząć budować swój landing page.

W przypadku większości wtyczek do tworzenia stron docelowych, edycja nowej strony odbywa się za pomocą prostego edytora wizualnego, z którego wybierzesz motyw. Możesz go kolejno dopasować do swoich potrzeb tak, aby spełnił Twoje oczekiwania.

Jeśli brakuje Ci umiejętności technicznych, to skorzystanie z wtyczki do WordPressa jest dobrą metodą na start. Pamiętaj jednak, że większość tych wtyczek i tak będzie wymagała od Ciebie posiadania konta w narzędziu do budowania stron docelowych. Bez konta nie będziesz miał dostępu do szeregu przydatnych funkcjonalności.

Przy wyborze wtyczki zwróć w szczególności uwagę na opcję podpięcia własnej subdomeny pod landing page oraz możliwość dodania opisów meta pod SEO i pod udostępnianie w social media.

Podsumowanie

Sprawdź edytor Landingi

WordPress jest dobrym narzędziem do tworzenia treści, można w nim także tworzyć, bądź osadzać strony docelowe. Nie zapewnia jednak pełnej dowolności, a bez wtyczek konfiguracja landing page jest mocno utrudniona. W takiej sytuacji warto sięgnąć po rozwiązanie, które jest dedykowane procesowi tworzenia stron docelowych, a jego możliwości konfiguracji są znacznie większe.

Zobacz, ile możesz zyskać
Sprawdź platformę Landingi i zacznij generować leady

14-dniowy okres próbny. 30-dniowa gwarancja zwrotu pieniędzy.