Jak stworzyć landing page w WordPress bez kreatora stron

Jak stworzyć landing page w WordPress? Zbuduj jedną stronę z jednym celem, usuń nagłówek i stopkę za pomocą szablonu bez elementów motywu, a resztę złóż z wzorców bloków: sekcja główna, dowody, oferta, formularz i krótka lista pytań. Pierwsza wersja zajmuje około popołudnia. O konwersji decyduje nie narzędzie, lecz to, co z tej strony usuniesz.

Ten poradnik idzie w kolejności, w jakiej zrobiłby to praktyk: cel, szablon, sekcje, formularz, budżet szybkości i kontrola przed publikacją.

Czym landing page różni się od każdej innej strony?

Landing page ma jedno zadanie. Odwiedzający trafia na nią z reklamy, maila albo wyniku wyszukiwania, a strona prosi o dokładnie jedną akcję: zapis, rezerwację rozmowy, pobranie pliku albo zakup.

Wszystko inne rozprasza uwagę. Dotyczy to menu, bocznego paska, listy wpisów z bloga i stopki z dwudziestoma linkami. Na zwykłej stronie te elementy służą do eksploracji. Na landing page są wyjściami.

Punkt odniesienia warto znać. Raport Unbounce o benchmarkach konwersji podaje medianę 6,6 procent w różnych branżach. Traktuj tę liczbę jako miarę poglądową, a nie obietnicę. Strona poniżej 2 procent zwykle ma problem z ofertą, szybkością albo formularzem, a nie z kolorem przycisku.

Zanim otworzysz edytor, zapisz cel jednym zdaniem: „Odwiedzający z marcowego newslettera rezerwują 20-minutową rozmowę audytową”. Jeśli nie umiesz tego napisać, nie jesteś jeszcze gotowy do budowy.

Którego narzędzia użyć do budowy?

Masz cztery uczciwe opcje i każda pasuje do innego rodzaju projektu.

Natywny edytor bloków z motywem blokowym jest najlżejszy. Dostajesz czysty kod, bez dodatkowej zależności, oraz wzorce, które możesz ponownie użyć na kolejnej stronie klienta. Wymaga jednak więcej decyzji układowych. Jeśli ważysz go względem kreatora wizualnego, porównanie Gutenberga z Elementorem podaje konkretne liczby.

Kreator stron daje większą kontrolę wizualną i bibliotekę szablonów, kosztem cięższego kodu i zależności od wtyczki. Divi to od dawna znany przykład. Sprawdzi się w agencji, która buduje wiele stron i chce jednego, znanego zestawu narzędzi.

Generator stron AI tworzy całą stronę na podstawie opisu. 10Web robi to wewnątrz WordPressa, a powstały szkic jest rozsądnym punktem wyjścia. Spodziewaj się, że tekst i strukturę trzeba będzie potem poprawić. Gdzie to działa, a gdzie nie, opisujemy w tekście AI dla WordPressa.

Hostowane narzędzie do landing page działa poza WordPressem. Webflow to jedna z takich opcji, z mocną kontrolą wizualną i własnym hostingiem. Warto za nią zapłacić, jeśli strona żyje osobno od serwisu WordPress. Pomiń ją, jeśli strona ma dzielić motyw, analitykę i strukturę domeny.

Dalsza część poradnika korzysta z natywnego edytora, bo uczy najwięcej i kosztuje najmniej. Kroki przenoszą się na każdy kreator.

Jak ustawić stronę i ją odchudzić?

Utwórz stronę w sekcji Strony, opcja Dodaj nową. Nadaj jej prosty tytuł zgodny z ofertą i krótki slug. Adres w rodzaju /audyt jest lepszy niż /landing-page-marzec-v2. Zapisuj go bez polskich znaków, bo taki adres łatwiej przepisać z reklamy i łatwiej zapamiętać.

Teraz szablon. Motyw blokowy pozwala przypisać szablon do konkretnej strony, a landing page potrzebuje takiego, który nie ma nagłówka, stopki ani bloku tytułu. Wiele motywów blokowych ma gotowy szablon o nazwie w rodzaju „Pusty” albo „Strona bez tytułu”. Jeśli Twój go nie ma, otwórz Edytor witryny, przejdź do Szablonów, dodaj własny i zbuduj go z jednego bloku Treść wpisu.

Ten szablon będzie jednym z najbardziej użytecznych elementów w całym projekcie. Nazwij go „Landing” i używaj do każdej strony kampanii w serwisie.

Sprawdź szerokość układu w pliku theme.json. Tekst najlepiej czyta się w wąskiej kolumnie, a szerokie bloki zostaw dla sekcji głównej i dowodów. Jeśli motyw ma szerokość treści i szerokość rozszerzoną, używaj obu świadomie: tekst w wąskiej kolumnie, obrazy i kolumny w szerokiej.

Uwaga na margines: przypisanie szablonu działa w WordPress 6.5 i nowszych. Starsze motywy blokowe udostępniają tę funkcję w innym menu.

Jakie sekcje strona naprawdę potrzebuje?

Mniej, niż sugerują większość szablonów. Strona z jedną akcją potrzebuje krótkiej sekwencji, a każda sekcja odpowiada na jedno pytanie odwiedzającego.

Buduj je w tej kolejności, jako wzorce, które możesz zapisać i użyć ponownie:

• sekcja główna z obietnicą, jednym zdaniem wsparcia i przyciskiem,

• dowód blisko góry strony: cytat klienta, liczba albo rozpoznawalna praca,

• oferta w trzech krótkich punktach, opisanych jako rezultaty,

• formularz albo drugi przycisk,

• krótki blok z odpowiedziami na dwie najczęstsze obiekcje.

Do sekcji głównej użyj bloku Okładka albo Grupa, z nagłówkiem, jednym akapitem i blokiem Przyciski. Nagłówek ma być obietnicą, którą obcy przeczyta w trzy sekundy. Nazwij rzecz i nazwij rezultat. Unikaj sprytu, który wymaga drugiego czytania.

Etykieta przycisku powinna opisywać samą akcję: „Zarezerwuj audyt”, „Pobierz checklistę”. Ogólne „Wyślij” kosztuje Cię kontekst, który zbudował nagłówek.

Jeśli pracujesz z narzędziem AI, użyj go do pierwszej wersji tekstu i wariantów nagłówka, a potem przeczytaj każdą linijkę sam. AI wymyśla dowody, których nie ma. Nigdy nie przepuszczaj na stronę niesprawdzonej opinii klienta ani statystyki, bo zmyślony cytat na landing page to najszybszy sposób na utratę zaufania.

Gdy sekcja działa, zaznacz ją i wybierz w menu bloku opcję Utwórz wzorzec. Przy następnej kampanii złożysz stronę z własnych wzorców w dziesięć minut zamiast budować ją od nowa.

Jak zbudować formularz?

WordPress nie ma bloku formularza, więc to jedyne miejsce, w którym potrzebujesz wtyczki. Dowolna utrzymywana wtyczka formularzy wystarczy. Ważniejszy jest kształt formularza.

Pytaj tylko o to, czego potrzebujesz, by odpowiedzieć. Przy newsletterze albo pobraniu wystarczy adres e-mail. Przy rezerwacji rozmowy dodaj imię i najwyżej jedno pytanie kwalifikujące. Każde dodatkowe pole obniża liczbę wysłanych formularzy, a resztę pytań możesz zadać po pierwszym kontakcie.

Dobrym testem jest proste pytanie: czy bez tego pola nie zrobisz następnego kroku? Jeśli odpowiedź brzmi nie, pole idzie do kosza. Wiele zespołów zostawia pola „na wszelki wypadek”, a potem dziwi się, że w danych zostają same przypadkowe odpowiedzi.

Umieść formularz tam, gdzie zapada decyzja. Na krótkiej stronie to zaraz pod ofertą. Na dłuższej powtórz przycisk po sekcji dowodów i linkuj go do tego samego formularza.

Potem skonfiguruj element, o którym ludzie zapominają: stan podziękowania. Przekieruj na krótką stronę potwierdzenia albo pokaż wiadomość w miejscu formularza, która mówi, co będzie dalej i kiedy. Dodaj zdarzenie analityczne właśnie tam, żeby konwersja liczyła się przy potwierdzeniu, a nie przy kliknięciu.

Na koniec przetestuj formularz z telefonu, z prawdziwym adresem, i sprawdź, czy e-mail faktycznie dociera. Landing page z zepsutym formularzem jest gorszy niż brak strony, bo wydaje budżet reklamowy i nic nie zwraca.

Jak szybka ma być strona?

Szybsza niż reszta serwisu. Odwiedzający z reklam nie mają jeszcze lojalności wobec Ciebie, a wolny pierwszy ekran kończy wizytę, zanim ktoś przeczyta nagłówek.

Wytyczne Google dotyczące Largest Contentful Paint uznają 2,5 sekundy lub mniej za dobry wynik. Na landing page największym elementem jest zwykle obraz główny albo blok nagłówka, więc tam zaglądaj najpierw.

Krótka lista według wpływu na wynik:

• Skompresuj obraz główny i podawaj go w formacie WebP, w rozmiarze, w jakim jest wyświetlany.

• Nie stosuj leniwego ładowania dla pierwszego obrazu na stronie. Core zwykle tego nie robi dla obrazu widocznego bez przewijania, ale sprawdź to w wygenerowanym HTML, zwłaszcza gdy w grę wchodzi blok Okładka.

• Hostuj lokalnie jedną albo dwie czcionki i usuń nieużywane wagi. Czcionka zmienna zastępuje kilka plików jednym.

• Ładuj skrypty tylko tam, gdzie są potrzebne. Wtyczka formularza, która ładuje się na każdej podstronie, powinna działać wyłącznie na stronie z formularzem.

• Unikaj suwaków, automatycznie odtwarzanego wideo i ciężkich animacji w pierwszym ekranie.

Mierz przed i po wdrożeniu w PageSpeed Insights, na żywym adresie, z ustawieniami mobilnymi i włączonym cache, tak jak widzi to odwiedzający. Szerszy zestaw poprawek, uszeregowany według wpływu, znajdziesz w tekście jak przyspieszyć stronę WordPress, a przegląd wydajności WordPressa pokazuje, jak czytać te liczby.

Czy strona działa na telefonie i w języku czytelnika?

Większość ruchu z reklam i maili przychodzi z telefonu, więc projektuj najpierw wąski ekran, a szeroki sprawdzaj jako drugi. Otwórz stronę na prawdziwym urządzeniu. Zwróć uwagę na rozmiar przycisków, odstępy między elementami dotykowymi i to, czy formularz otwiera właściwą klawiaturę dla każdego pola.

Jeśli część odbiorców czyta od prawej do lewej, zobacz stronę w lustrzanym układzie. Czytelnicy arabskiego i hebrajskiego oczekują, że sekcja główna, przycisk i formularz płyną od prawej strony. Motywy blokowe z poprawnymi arkuszami RTL wykonują większość pracy, ale sprawdź odstępy, położenie ikon i styl cytatów w widoku lustrzanym.

Wybieraj krój pisma z pełnym zestawem znaków, a nie z zastępczym. Dla polskiego tekstu sprawdź, czy font poprawnie pokazuje ą, ę, ł, ń, ó, ś, ź i ż. Strona, która w jednym języku wygląda dopracowanie, a w drugim nierówno, mówi całej publiczności, że oferta nie była pisana dla niej.

Jeśli prowadzisz dwa języki, zbuduj dwie osobne strony z własnym tekstem. Nie tłumacz nagłówka słowo w słowo. Obietnica, która działa w jednym języku, często potrzebuje innego kształtu w drugim.

Co sprawdzić przed publikacją?

Przejdź przez tę listę na żywej stronie, wylogowany, w oknie prywatnym:

• Strona ma jeden cel i jeden główny przycisk, powtórzony najwyżej dwa razy.

• Nagłówek, stopka i pasek boczny zniknęły.

• Tytuł, opis meta i obraz do udostępniania są ustawione i zgodne z reklamą, która tu prowadzi.

• Formularz wysyła dane, pojawia się stan podziękowania i konwersja jest śledzona.

• Strona przechodzi test szybkości na telefonie i czyta się dobrze przy szerokości 360 pikseli.

• Każdy obraz ma tekst alternatywny, a kontrast tekstu przycisku jest czytelny.

Potem zdecyduj, czy strona ma być indeksowana. Strona zbudowana na potrzeby płatnej kampanii może mieć znacznik noindex, żeby nie konkurować z głównymi podstronami. Strona, która ma się pozycjonować, trafia do mapy witryny i potrzebuje dobrego tytułu pod wyszukiwarkę.

Po starcie zmieniaj jedną rzecz naraz. Nagłówek przepisz jako pierwszy, bo niesie najwięcej. Każdej wersji daj dość odwiedzin, zanim ją ocenisz. Dwa tygodnie równego ruchu powiedzą więcej niż dwa dni entuzjazmu.

Zacznij od zdania o jednym celu, szablonu Landing i pięciu sekcji. Kreator stron pomiń, dopóki natywny edytor wystarcza. Nakład pracy włóż w ofertę, nagłówek i szybkość, bo to one ruszają liczbę. Otwórz Edytor witryny, nazwij szablon Landing i zbuduj najpierw sekcję główną.