Landing page ma jedno zadanie: skłonić odwiedzającego, by się zapisał, kupił albo się odezwał. Zwykle to jedna strona HTML z obrazami, zrobiona ręcznie, z szablonu albo przez asystenta AI, i musi być online jeszcze dziś. Upuść stronę lub jej folder w polu powyżej, a w kilka sekund będzie działać pod adresem *.lobsite.app z HTTPS, bez zakładania konta.
Jak to działa
- Upuść stronę: plik
.html, jej folder z obrazami i CSS albo.zip. Jest sprawdzana w przeglądarce, zanim cokolwiek zostanie wysłane. - Kliknij Opublikuj. Od razu dostajesz adres strony, działający przez 6 godzin.
- Zachowaj ją za darmo. Zachowaj za darmo → przenosi stronę na darmowe konto pod tym samym adresem, a strona przestaje wygasać.
Zbieranie zapisów
Lista oczekujących lub formularz na leady działa bez pisania backendu. Skieruj formularz na Lobsite:
<form method="post" action="/_lobsite/forms/waitlist">
<input name="email" type="email" placeholder="you@example.com" required>
<button>Join the waitlist</button>
</form>
Gdy strona jest na koncie, każdy zapis trafia do panelu i na Twój e-mail, a filtr spamu dodajemy za Ciebie. Dodaj ukryte pole _redirect, aby po zapisie kierować ludzi na własną stronę z podziękowaniem. Szczegóły w poradniku o formularzach.
Testowanie nowej wersji
Sprawdzasz nowy nagłówek? Upuść nową wersję na tej stronie w tej samej przeglądarce i kliknij Aktualizuj: adres się nie zmienia, więc udostępnione linki i trwające reklamy wciąż prowadzą we właściwe miejsce. Z terminala npx lobsite robi to samo i wgrywa tylko zmienione pliki. Każde wdrożenie jest zachowywane z własnym URL, więc możesz porównać wersje obok siebie i w jednym kroku przywrócić wcześniejszą jako działającą.
Zrobione z asystentem AI
Landing page to jedna z rzeczy, o które ludzie najczęściej proszą ChatGPT lub Claude. Wklej HTML do Podglądu HTML, aby sprawdzić go na szerokości telefonu i komputera i opublikować stamtąd, albo pozwól asystentowi opublikować go za Ciebie: zobacz ChatGPT i Claude. Zanim udostępnisz link, Generator meta tagów doda tytuł, opis i obraz podglądu widoczne przy udostępnianiu strony.
Wdrożenie bez konta działa przez 6 godzin. Link do przejęcia pozwala je zatrzymać, za darmo.
Skieruj formularz na /_lobsite/forms/contact. Filtr spamu w zestawie.
Każda strona dostaje adres *.lobsite.app z HTTPS od pierwszego wdrożenia.
Podgląd przed publikacją. Wycofanie jednym kliknięciem, razem z przekierowaniami.
Także na darmowych kontach: dodaj jeden rekord DNS, a strona przeniesie się na Twoją domenę. Każda strona ma HTTPS w każdym planie.
Pliki są przechowywane według hasha. Ponowne wdrożenie niezmienionej strony wgrywa 0 bajtów.
Gdzie umieścić landing page
| Lobsite | Carrd | Netlify Drop | |
|---|---|---|---|
| Punkt wyjścia | Twój własny HTML lub dowolny szablon | Ich edytor i szablony | Twój własny HTML |
| Konto przed linkiem | Nie: 6 godzin online, potem zachowaj za darmo | Tak | Nie: przejmij w wyznaczonym czasie |
| Formularze zapisu | Wbudowane, gdy strona jest na koncie | W płatnych planach | Tak (Netlify Forms) |
| Aktualizacja pod tym samym adresem | Upuść ponownie lub jedno polecenie | Przycisk Opublikuj | Upuść ponownie lub wdróż przez CLI |
| Własna domena | Tak, za darmo | Płatne plany | Tak |
Jeśli nie masz jeszcze strony i chcesz zbudować ją w edytorze wizualnym, Carrd jest do tego stworzony. Jeśli masz HTML, Lobsite opublikuje go najszybciej i pozwoli mu później urosnąć do pełnej witryny bez przeprowadzki.
Najczęstsze pytania
Czy hosting landing page jest darmowy?
Tak. Publikacja bez konta jest darmowa przez 6 godzin, a zachowanie strony na darmowym koncie jest darmowe na stałe, z 10 GB transferu miesięcznie.
Jak skierować ludzi po zapisie na stronę z podziękowaniem?
Dodaj do formularza <input type="hidden" name="_redirect" value="/thanks"> i umieść thanks.html obok strony. Po zapisie odwiedzający trafi na /thanks.
Czy aktualizacja strony zmieni jej adres?
Nie. Aktualizacja w tej samej przeglądarce, w panelu albo przez npx lobsite zachowuje adres, więc każdy link i reklama działają dalej.
Czy mogę prowadzić kilka landing page?
Darmowe konto mieści jedną witrynę, ale witryna może mieć wiele stron: spring.html otwiera się pod /spring, launch.html pod /launch. Płatny plan, który pojawi się wkrótce, mieści pięć osobnych witryn.