Projektowanie landing page
Projektowanie landing page polega na tym, by jedna strona miała jedno zadanie: nagłówek powtarza obietnicę z reklamy, dowody wiarygodności stoją obok jedynego przycisku, a krótki formularz szybko się ładuje na telefonie. Poniżej znajdziesz elementy strony, osiem zasad, trzy przykłady i darmowy sposób na zbudowanie takiej strony.
Poradnik sprawdzony 13 października 2026 · zespół Mobirise
Budowa landing page
Landing page to strona, na którą ktoś trafia z konkretnej reklamy, e-maila, posta lub kodu QR i której zadaniem jest skłonić go do jednej czynności. Opiera się na sześciu elementach, zwykle ułożonych w tej kolejności.
Nagłówek powtarzający obietnicę
Użyj słów z reklamy lub wiadomości, która przyprowadziła odwiedzającego. Jeśli reklama oferuje bezpłatną wycenę naprawy dachu, nagłówek mówi dokładnie to, a nie hasło Twojej firmy.
Jedna linijka o tym, dla kogo jest oferta
Podtytuł z jednego lub dwóch zdań: dla kogo jest oferta, co dostaje klient i jak szybko. Rzeczowniki i liczby robią więcej niż przymiotniki; „stała cena do jutra” mówi czytelnikowi więcej niż „szybka, miła obsługa”.
Zdjęcie prawdziwej rzeczy
Produkt, wnętrze, zespół albo efekt. Pozowane zdjęcia stockowe obciążają stronę, ale niczego nie wyjaśniają. Sprawdź, jak obraz jest przycinany na wąskim ekranie.
Jedno wezwanie do działania
Jeden przycisk z czasownikiem i obietnicą rezultatu, w jedynym mocnym kolorze na stronie. Powtórz go niżej dla tych, którzy czytają do końca, ale nigdy nie dodawaj drugiego, konkurencyjnego celu.
Dowody wiarygodności tam, gdzie zapada decyzja
Opinie podpisane imieniem i nazwiskiem, oceny wraz z liczbą ocen, logo klientów, które wolno Ci pokazać, certyfikaty. Umieść je obok przycisku, tam gdzie pojawia się wątpliwość, a nie w stosie na dole strony.
Odpowiedzi, potem formularz
Jak to działa, ile kosztuje i co dzieje się po kliknięciu. Potem formularz: tylko pola potrzebne w następnym kroku i jedno zdanie o tym, co odwiedzający dostanie i kiedy.
Zasady projektowania landing page, które się sprawdzają
Każdą z nich można sprawdzić na gotowej stronie w minutę lub dwie. Jeśli zasada podaje liczbę, pochodzi ona z konkretnego, publicznego standardu.
Usuń wyjścia
Zrezygnuj z głównego menu, linków do bloga i ikon mediów społecznościowych. Każdy dodatkowy link to droga ucieczki przed wykonaniem akcji. Wystarczą logo, wiersz z danymi kontaktowymi i linki prawne w stopce.
Dopasuj stronę do źródła
Zachowaj sformułowania, ofertę i styl wizualny reklamy. Google Ads uwzględnia w Quality Score trzy składniki, a jednym z nich jest doświadczenie z landing page, czyli to, jak trafna i przydatna jest ta strona dla osób, które kliknęły.
Zmieść najważniejsze na jednym ekranie
Na telefonie nagłówek, podtytuł i przycisk powinny być widoczne bez przewijania. Jeśli obraz spycha przycisk w dół, zmniejsz obraz, a nie tekst.
Nazwij efekt na przycisku
„Poproszę o wycenę”, „Umów wizytę”, „Wyślij mi cennik”. Etykiety w rodzaju „Wyślij” czy „Dowiedz się więcej” opisują samo kliknięcie, a nie to, co dostaje odwiedzający.
Pytaj o mniej
Przy pierwszym kontakcie zwykle wystarczy imię oraz e-mail lub numer telefonu. Każde kolejne pole wymaga powodu, który potrafisz wyjaśnić; pytania kwalifikujące mogą poczekać do rozmowy.
Mieść się w progach szybkości Google
Core Web Vitals uznają stronę za dobrą, gdy jej największy element wyświetla się w ciągu 2,5 sekundy, reakcja na działanie użytkownika następuje w ciągu 200 ms, a przesunięcie układu nie przekracza 0,1, liczone dla 75. percentyla wizyt.
Spełnij podstawy dostępności
WCAG 2.2 na poziomie AA wymaga kontrastu tekstu co najmniej 4,5:1 (3:1 dla dużego tekstu) oraz obszarów dotyku o wymiarach co najmniej 24 na 24 piksele CSS. Każde pole formularza opatrz widoczną etykietą, a nie samym tekstem zastępczym.
Testuj jedną zmianę naraz
Test A/B porównuje dwie wersje różniące się jednym elementem i wymaga dostatecznej liczby odwiedzin i konwersji w każdej wersji, by wykluczyć przypadek. Przy małej kampanii więcej uczy często obserwowanie, jak kilka osób korzysta ze strony.
Przykłady landing page z trzech motywów Mobirise
Trzy zrzuty ekranu w widoku na komputerze pod nagłówkiem tego poradnika to pierwsze ekrany demo motywów Mobirise: organizacji wolontariackiej (HumanityM5), marki suplementów diety (EvolveM5) i przychodni lekarskiej (SpecialtyM5). To wersje demonstracyjne, a nie strony kampanii, więc poniżej opisujemy, co dobrze robi każdy pierwszy ekran i co zmienić, zanim zapłacisz za ruch.
Organizacja wolontariacka
Wszystko jest wyśrodkowane: jeden duży nagłówek, jedno zdanie o sprawie i jeden ciemny przycisk na tle wyblakłego zdjęcia wyciągniętych dłoni, które nie utrudnia czytania. W kampanii rekrutacyjnej zmień „About Organization” (O organizacji) na „Zapisz się jako wolontariusz” i podaj najbliższe wydarzenie.
Marka suplementów diety
Zbliżenie zielonych liści na całą szerokość ustawia nastrój, zanim ktokolwiek przeczyta choć słowo. Nazwa produktu idzie bardzo dużą białą czcionką, krótki opis jest w lewym dolnym rogu, a przycisk „About supplement” (O suplemencie) w prawym dolnym. W reklamie wstaw do nagłówka korzyść zamiast kategorii i dodaj ocenę lub certyfikat obok przycisku.
Przychodnia lekarska
Podzielona sekcja hero: po lewej nagłówek szeryfowy i trzy linijki o doświadczonych lekarzach, diagnostyce i opiece skoncentrowanej na pacjencie, po prawej zdjęcie jasnego wnętrza przychodni. Prawdziwe pomieszczenie budzi więcej zaufania niż ilustracja. W kampanii rejestracyjnej główny przycisk powinien brzmieć „Umów się na wizytę”, a obok niego powinien stać numer telefonu.
Co zmienić we wszystkich trzech
Każde demo zachowuje pełne menu (Home, About, Events lub Pricing), tak jak powinna mieć zwykła strona. W kampanii usuniesz je, zostawisz jedno działanie, a niżej dodasz dowody wiarygodności i krótki formularz. Ponieważ każda strona to stos bloków, jest to edycja, a nie przeprojektowanie.
Jak zbudować landing page w Mobirise
Jeden edytor służy do tworzenia landing page i pełnych stron, w przeglądarce lub w pobranej aplikacji. Cztery kroki wystarczą, by strona trafiła pod działający adres.
Zdobądź pierwszy szkic
Opisz AI w jednym lub dwóch zdaniach, co oferujesz i dla kogo, we własnym języku, albo podaj w zamian narysowany szkic lub zrzut ekranu. Generator stron AI zwraca cztery projekty, każdy z tekstami i obrazami, zwykle w niecałą minutę; Regenerate daje kolejne warianty bez zużywania próby. Możesz też otworzyć motyw i dodawać bloki ręcznie.
Zredukuj stronę do jednego celu
Ułóż bloki w odpowiedniej kolejności metodą przeciągnij i upuść, usuń te, które nie służą akcji, i pomiń menu. Użyj Clone Block, by powtórzyć wezwanie do działania niżej, a dla każdego tytułu wybierz znacznik H, tak aby na stronie był tylko jeden H1. Tekst i obrazy edytuje się na miejscu, a parametry każdego bloku ustawiają odstępy, tło, kolumny i widoczne elementy.
Dodaj formularz i dodatki
Form Builder tworzy formularz zgłoszeniowy, Popup Builder dodaje okienko popup, a Chat Button otwiera rozmowę w WhatsApp, Telegram, Messenger i innych aplikacjach. Wszystkie trzy wchodzą w skład KIT, BASE i GROW, czyli płatnych planów.
Sprawdź na telefonie, potem opublikuj
Obejrzyj podgląd w szerokościach telefonu, tabletu i komputera; obrazy są automatycznie konwertowane do WebP. Opublikuj stronę pod adresem w domenie mobirisesite.com z HTTPS lub na własnej domenie (plany BASE i GROW). W każdym planie, także FREE, aplikacja desktopowa może też wysłać stronę przez FTP lub FTPES, opublikować ją w GitHub Pages albo zapisać w lokalnym folderze.
W Mobirise nie ma wbudowanych testów A/B. Aby porównać dwie wersje, opublikuj każdą pod osobnym adresem, skieruj do każdej połowę reklam i porównaj wyniki na koncie reklamowym lub w analityce. Edycja działa też bez połączenia w aplikacji desktopowej offline; publikowanie i AI wymagają internetu.
Który kreator landing page pasuje do zadania
Wyspecjalizowane platformy do landing page są zbudowane wokół testów i ruchu z reklam. Ogólne kreatory stron kosztują mniej i pozwalają, by jedna strona urosła do pełnej witryny. Nasze typy, także tam, gdzie sami wybralibyśmy inne narzędzie niż Mobirise:
- Wiele wariantów przy płatnym ruchu
- Unbounce lub Instapage. Oba oferują testy A/B w planach środkowych; Instapage testuje po stronie serwera i dodaje personalizację.
- Testy A/B przy mniejszym budżecie
- Leadpages, gdzie testy zaczynają się w planie Grow.
- Jedna prosta strona za niewielkie pieniądze
- Carrd: darmowy plan i płatne plany rozliczane rocznie.
- Darmowa strona, którą trzymasz jako pliki
- Mobirise: aplikacja desktopowa jest darmowa, eksportuje HTML i publikuje na dowolnym hostingu.
- Projekt od AI, zanim zapłacisz
- 8B AI: projektowanie nic nie kosztuje, a opublikowanie strony wymaga planu Pro.
- Strona, która rośnie w pełną witrynę
- Mobirise lub inny kreator stron, bo kolejne strony powstają w tym samym projekcie.
- Gdzie Mobirise ustępuje
- Brak wbudowanych testów A/B; formularze i okna popup wymagają płatnych rozszerzeń; brak osobnego układu na telefon; darmowe strony mają oznaczenie Mobirise.
Porównanie sześciu kreatorów landing page
Mobirise przegrywa w wierszu o testach A/B; wyspecjalizowane platformy przegrywają pod względem trzymania własnych plików i pracy offline. Zwróć uwagę na podstawę rozliczenia w wierszu z ceną: miesięczną lub roczną.
| Mobirise | Unbounce | Leadpages | 8B AI | Carrd | Instapage | |
|---|---|---|---|---|---|---|
| Do czego służy | Landing page i całe strony z responsywnych bloków, z plikami, które zostają u Ciebie | Marketerzy i agencje prowadzące strony kampanii | Małe firmy publikujące landing page, strony i blogi | Wypróbowanie kompletnego projektu strony od AI bez opłat, publikacja później | Proste strony jednostronicowe i strony-profile | Kampanie reklamowe na dużą skalę, z personalizacją |
| Testy A/B | Nie, brak wbudowanych | Tak, bez limitu, od planu Experiment | Tak, od planu Grow | Nie podano | Nie podano | Tak, po stronie serwera, od planu Optimize |
| Formularze | Rozszerzenie Form Builder, w KIT, BASE i GROW | Formularze do pozyskiwania leadów w każdym planie; formularze wieloetapowe od planu Build | Formularze i webhooki w każdym planie | Formularze kontaktowe i zgłoszeniowe, w planie darmowym i Pro | Od Pro Standard; zaawansowane formularze w Pro Plus | Kreator formularzy w każdym planie; formularze wieloetapowe od Optimize |
| Pomoc AI | Cztery projekty na generację, na podstawie wpisanego tekstu, szkicu lub zrzutu ekranu; 3 darmowe generacje miesięcznie | Teksty od AI od planu Build; optymalizacja ruchu przez AI w planie Optimize | Tworzenie stron przez AI w każdym planie | Generuje cały projekt z jednego zdania; edycje przez czat z AI w planie Pro | Nie podano | Teksty od AI do nagłówków, akapitów i przycisków |
| Darmowy plan | Tak: aplikacja desktopowa z ponad 200 blokami, nieograniczona liczba stron na dowolnym serwerze, a do tego 3 darmowe strony online na subdomenie Mobirise; darmowe strony mają oznaczenie Mobirise | Nie; 14-dniowy okres próbny bez karty, w jego trakcie bez własnej domeny | Nie; 7-dniowy okres próbny, wymagana karta | Tylko projektowanie; bez publikowania | Tak, do 3 stron z oznaczeniem „Made with Carrd” | Nie; 14-dniowy okres próbny, wymagana karta |
| Najtańszy płatny plan | 149 $ rocznie za KIT: aplikacja desktopowa, wszystkie rozszerzenia, bez oznaczenia Mobirise. 199 $ rocznie za BASE, który dodaje własne domeny na hostingu Mobirise | Starter, 22 $ miesięcznie przy rozliczeniu rocznym (29 $ przy miesięcznym): 5 stron, ruch do 500 | Pro, 29 $ miesięcznie; rozliczenie roczne oszczędza 20% | 9 $ miesięcznie za Pro, płatne rocznie, z hostingiem i własną domeną | 9 $ rocznie za Pro Lite (tylko adres Carrd); 19 $ rocznie za Pro Standard, który dodaje własne domeny i formularze | Create, 79 $ miesięcznie przy rozliczeniu rocznym (99 $ przy miesięcznym): 15 000 unikalnych odwiedzających miesięcznie |
| Eksport kodu | Tak: zwykłe pliki HTML, CSS i JS, za darmo z aplikacji desktopowej; eksport z kreatora w przeglądarce wymaga BASE lub GROW | Nie; strony pobiera się tylko jako pliki .unbounce dla Unbounce | Classic Builder: plik HTML, który ładuje stronę z Leadpages; statyczna kopia nie jest obsługiwana | Pełny eksport HTML w planie Pro | Pro Plus (49 $ rocznie): HTML, CSS i JS w archiwum zip; formularze przestają działać | Nie podano |
| Praca offline | Tak, w aplikacji desktopowej (Windows, macOS, Linux) | Nie, tylko w przeglądarce | Nie, tylko w przeglądarce | Nie, tylko w przeglądarce | Nie, tylko w przeglądarce | Nie, tylko w przeglądarce |
Dane odczytane 13 października 2026 ze stron z cennikami i artykułów pomocy każdego dostawcy. Ceny w dolarach amerykańskich; „rozliczenie roczne” oznacza miesięczny odpowiednik jednej rocznej płatności, a Mobirise i Carrd podają cenę roczną. Kwoty w dolarach dla Leadpages pochodzą z FAQ na jego stronie z cennikiem. Starsze recenzje często podają wcześniejsze plany, a ceny się zmieniają, więc przed zakupem sprawdź je na stronie każdego dostawcy.
Lista kontrolna przed startem landing page
Przejdź tę listę na telefonie, na mobilnym internecie zamiast biurowego Wi-Fi, zanim pojawi się pierwsze płatne kliknięcie, i osobiście wyślij testowe zgłoszenie przez formularz.
Popraw każdy punkt, który nie przeszedł testu, zanim wydasz pieniądze na ruch: płatne kliknięcia trafiające na zepsuty formularz to tu najdroższy błąd. Jeśli to strona jednostronicowa, a nie strona kampanii, pomiń pierwszy punkt i pojedynczy cel.
- Zgodność ze źródłem. Nagłówek używa słów z reklamy, e-maila lub posta.
- Pierwszy ekran. Nagłówek, podtytuł i przycisk są widoczne na telefonie bez przewijania.
- Jeden cel. Menu i niezwiązane linki zniknęły; każdy powtórzony przycisk prowadzi do tej samej akcji.
- Tekst przycisku. Nazywa to, co dostaje odwiedzający.
- Dowody wiarygodności. Są blisko przycisku, a każdy cytat jest podpisany.
- Formularz. Tylko pola potrzebne w następnym kroku, każde z widoczną etykietą.
- Zgłoszenie testowe. Trafia do właściwej skrzynki, a podziękowanie mówi, co będzie dalej.
- Kontrast i wielkość obszaru dotyku. Tekst spełnia 4,5:1, a w przyciski łatwo trafić kciukiem.
- Szybkość. Strona przechodzi Core Web Vitals w PageSpeed Insights.
- Podstawy dla wyszukiwarek. Tytuł i opis strony opisują ofertę, a na stronie jest jeden H1.
- Stopka. Linki do polityki prywatności i kontaktu działają.
- Śledzenie. Konwersja jest zliczana w Twojej analityce lub na koncie reklamowym.
Projektowanie landing page: najczęstsze pytania
Czym jest projektowanie landing page?
To zaplanowanie jednej strony wokół jednej akcji dla odwiedzających z konkretnego źródła: reklamy, e-maila, posta lub kodu QR. Obejmuje nagłówek, układ, dowody wiarygodności, formularz i szybkość, a efekt ocenia się jedną liczbą: odsetkiem odwiedzających, którzy wykonują akcję.
Co składa się na dobry landing page?
Obietnica zgodna z tym, skąd przyszedł odwiedzający, jedna akcja, dowody wiarygodności obok tej akcji i krótki formularz. Musi też szybko się ładować i dobrze czytać na telefonie, bo ruch z kampanii często przychodzi właśnie stamtąd.
Jak krok po kroku zaprojektować landing page?
Zapisz jedyną akcję, której chcesz, i skąd przyjdzie ruch. Napisz nagłówek ze słów samego źródła, zbierz dowody wiarygodności, które możesz pokazać, i naszkicuj kolejność sześciu elementów. Potem zbuduj stronę z bloków lub ze szkicu od AI i przed startem wypróbuj ją na telefonie.
Czy strona jednostronicowa to to samo co landing page?
Nie do końca. Strona jednostronicowa mieści całą małą witrynę na jednej przewijanej stronie, zwykle z menu przeskakującym do sekcji, i służy kilku celom. Landing page ma jeden cel, zwykle powstaje na potrzeby jednej kampanii i może znajdować się w większej witrynie.
Czy landing page powinien mieć menu nawigacyjne?
Zwykle nie: każdy link w menu to droga wyjścia przed wykonaniem akcji. Zostaw logo, dane kontaktowe i linki prawne; na długiej stronie menu zastąpi przycisk przewijający do formularza.
Jak długi powinien być landing page?
Tak długi, jak pytania odwiedzającego. Darmowe pobranie wymaga jednego lub dwóch ekranów; droga usługa potrzebuje cen, opisu procesu, dowodów i odpowiedzi, więc strona jest dłuższa. Powtarzaj ten sam przycisk w naturalnych miejscach zatrzymania.
Jaki jest najlepszy kreator landing page?
Zależy od zadania. Do ciągłych testów A/B przy płatnym ruchu zaprojektowano Unbounce, Instapage i Leadpages. Carrd to tani wybór do jednej prostej strony. Mobirise pasuje do darmowej strony, którą można hostować gdziekolwiek i później rozbudować do pełnej witryny, choć nie ma wbudowanych testów A/B.
Czy mogę zrobić landing page za darmo?
Tak. Pobierana aplikacja Mobirise jest darmowa, zawiera ponad 200 bloków i może wysłać stronę na Twój własny serwer. Online darmowy plan obejmuje 3 strony pod adresem w mobirisesite.com oraz 3 generacje AI miesięcznie, z plakietką Mobirise na każdej stronie. Form Builder i Popup Builder wymagają płatnego planu, od 149 $ rocznie.
Czy AI może zaprojektować landing page?
Tak. W Mobirise opisujesz ofertę i odbiorców, wybierasz jeden z czterech projektów AI i dopracowujesz go w rozmowie z AI lub samodzielnie edytując bloki. Jedna generacja daje jedną stronę albo zgrubną wersję całej witryny. Prawdziwe ceny, fakty i zdjęcia nadal pochodzą od Ciebie.
Czy Mobirise obsługuje testy A/B?
Nie, nie ma wbudowanych testów A/B. Możesz opublikować dwie wersje pod różnymi adresami, skierować do każdej połowę ruchu z reklam i porównać wyniki na koncie reklamowym lub w analityce.
Zbuduj swój pierwszy landing page
Zacznij od szkicu wygenerowanego online przez AI albo ułóż stronę blok po bloku w darmowej aplikacji dla Windows, Maca lub systemu Linux, a potem opublikuj ją tam, gdzie potrzebuje jej kampania.