Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak tworzyć piękne strony Coming Soon w WordPress z SeedProd

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz stworzyć piękną stronę „coming soon” dla twojej witryny WordPress?

Strona przed uruchomieniem może budować oczekiwania, tworzyć szum i rozpowszechniać informacje, zanim jeszcze twoja witryna internetowa zostanie uruchomiona. Możesz również użyć strony „coming soon” do zbierania potencjalnych klientów i pozyskiwania subskrybentów twojej listy mailingowej.

W tym artykule pokażemy, jak szybko i łatwo stworzyć piękne strony typu „coming soon” w WordPress.

Creating coming soon pages for a WordPress website

Dlaczego warto tworzyć strony Coming Soon w WordPress?

Strony Coming soon to nie tylko symbol miejsca dla Twojej witryny internetowej WordPress. Mogą one również pomóc w generowaniu leadów dla twojego biznesu.

Coming soon page with fullscreen background image, lead signup form, and countdown timer

Oto kilka sposobów na wykorzystanie stron, które pojawią się wkrótce:

  1. Oceń zainteresowanie użytkowników – Jeśli nie masz pewności co do swojego pomysłu, strona „coming soon” może pomóc ci ocenić, ile osób będzie zainteresowanych twoim projektem.
  2. Stwórz hype – możesz użyć strony „coming soon”, aby zbudować oczekiwanie i sprawić, że ludzie będą podekscytowani twoim biznesem. Możesz nawet zachęcać ludzi do udostępniania twojej strony za pomocą konkursów i rozdań, które pomogą ci dotrzeć do szerszego grona odbiorców.
  3. Pozyskiwanie leadów – dzięki odpowiednim narzędziom możesz zacząć budować swoją listę mailing ową i prosić użytkowników o śledzenie twoich profili społecznościowych. W ten sposób będziesz mieć już polubienia i obserwujących w dniu premiery i możesz ich użyć jako potężnego dowodu społecznego.

Mając to na uwadze, zobaczmy, jak utworzyć stronę „coming soon” w WordPress. Możesz użyć poniższych szybkich odnośników, aby przejść do określonej sekcji:

Krok 1: Konfiguracja domeny i konta hostingowego

Przed utworzeniem strony „coming soon” potrzebna będzie nazwa domeny i dostawca hostingu WordPress.

Zwykle domena kosztuje około 16 USD rocznie, a plany hostingowe zaczynają się od 7,88 USD miesięcznie (zwykle płatne rocznie). Może to być duży wydatek, szczególnie dla nowych firm, które dopiero zaczynają.

Na szczęście nasi przyjaciele z Bluehost zgodzili się zaoferować darmową nazwę domeny i hojną zniżkę na hosting dla czytelników WPBeginner.

Zasadniczo można uruchomić stronę docelową lub nawet całą witrynę internetową za jedyne 2,75 USD miesięcznie.

Po zarejestrowaniu konta hostingowego Bluehost automatycznie zainstaluje WordPress.

Następnie wystarczy logować się do kokpitu twojego konta WordPress. Następnie przejdź do karty „Witryny” i kliknij „Edytuj witrynę” w witrynie, w której chcesz utworzyć stronę wkrótce.

Login to WordPress by click on the Edit Site button in Bluehost

Jeśli nie chcesz korzystać z Bluehost, możesz również zainstalować WordPress na innych firmach hostingowych, takich jak Hostinger, SiteGround lub WP Engine, wykonując dość podobny proces.

Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować WordPress.

Krok 2: Stwórz piękną stronę Coming Soon

Najprostszym sposobem na stworzenie strony coming soon jest użycie SeedProd. Jest to najlepszy kreator stron docelowych na rynku i posiada edytor typu „przeciągnij i upuść”, który pozwala szybko tworzyć profesjonalnie zaprojektowane strony.

Coming soon page with countdown timer, email form, and social buttons

SeedProd posiada ponad 320 gotowych szablonów stron i 90 bloków, które można po prostu przeciągnąć na twój projekt. Pozwala to na tworzenie wszelkiego rodzaju projektów stron bez konieczności pisania ani jednej linii kodu.

Uwaga: Istnieje również darmowa wersja SeedProd, która umożliwia tworzenie własnych projektów stron bez względu na twój budżet. Jednak w tym przewodniku będziemy korzystać z wersji Pro, ponieważ obsługuje ona wszystkie najlepsze usługi e-mail marketingu.

Oznacza to, że możesz zacząć zbierać leady i budować listę mailingową jeszcze przed uruchomieniem twojej witryny internetowej.

Aby uzyskać więcej informacji, zobacz naszą pełną recenzję SeedProd.

Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu przejdź do SeedProd ” Ustawienia i wpisz swój klucz licencyjny.

Enter your SeedProd license key

Klucz licencyjny można znaleźć na Twoim koncie w witrynie internetowej SeedProd. Po wpiszeniu tych informacji kliknij przycisk „Zweryfikuj klucz”.

Następnie przejdź do SeedProd ” Landing Pages. W sekcji „Coming Soon Mode” kliknij „Set up a Coming Soon Page”.

Set up a coming soon page

Możesz teraz wybrać szablon dla strony, która pojawi się wkrótce.

SeedProd oferuje wiele różnych szablonów. Aby wyświetlić podgląd szablonu, najedź na niego kursorem myszy, a następnie kliknij lupę.

Coming soon templates in the SeedProd template library

Gdy znajdziesz projekt, który ci się podoba, po prostu kliknij „Wybierz ten szablon”.

Używamy szablonu „Launch Coming Soon” na wszystkich naszych obrazkach, ale możesz użyć dowolnego projektu.

A coming soon design

Po wybraniu szablonu zostaniesz przeniesiony do kreatora typu „przeciągnij i upuść”, w którym możesz rozpocząć dostosowywanie szablonu coming soon.

Po prawej stronie ekranu znajduje się podgląd twojej strony na żywo.

Aby dostosować dowolną część szablonu, wystarczy kliknąć, aby wybrać dany blok w układzie. Menu po lewej stronie pokaże wszystkie różne ustawienia, których można użyć, aby dostosować ten blok.

Editing a SeedProd block

Możesz również utworzyć nowe bloki na twojej stronie wkrótce. Jako przykład dodajmy licznik czasu, aby odwiedzający wiedzieli, jak długo muszą czekać, aż twoja witryna zostanie uruchomiona.

W menu po lewej stronie znajdź blok „Odliczanie” i upuść go na podglądzie twojej strony.

Add a block

Następnie kliknij, aby wybrać blok Odliczanie w twoim układzie.

W menu po lewej stronie ustaw datę i godzinę, kiedy planujesz opublikować swojego bloga, sklep internetowy lub witrynę internetową.

Editing a block in SeedProd

Blok odliczania będzie teraz pokazywał dzień, godziny, minuty i sekundy do uruchomienia twojego bloga lub witryny internetowej WordPress. W ten sposób możesz budować oczekiwanie i emocje związane z oficjalną datą uruchomienia twojej witryny.

Teraz możesz dodać więcej bloków do twojej witryny WordPress, wykonując ten sam proces opisany powyżej.

Krok 3: Podłącz twoją usługę e-mail marketingu

Strona „coming soon” to świetny sposób na zbieranie potencjalnych klientów i rozwijanie listy mailingowej, gotowej na uruchomienie Twojej witryny internetowej.

Dobrą wiadomością jest to, że SeedProd integruje się ze wszystkimi najlepszymi dostawcami usług e-mail, w tym ActiveCampaign, ConvertKit i Drip.

Aby połączyć stronę z twoim dostawcą, kliknij kartę „Połącz”.

Connect your email marketing service

Następnie możesz najechać kursorem myszy na usługę e-mail marketingu, z której korzystasz na swojej witrynie internetowej, taką jak Brevo (dawniej Sendinblue) lub Mailchimp.

Gdy pojawi się przycisk „Połącz”, kliknij go.

Kroki będą się różnić w zależności od Twojego dostawcy usług, ale użyjemy Constant Contact jako przykładu. Kliknij „Constant Contact”, a następnie wybierz „Połącz nowe konto”.

Connecting your email account

Następnie musisz wpisz klucz API z twojego konta Constant Contact.

Następnie nadaj połączeniu nazwę. To jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek, co pomoże ci zidentyfikować to połączenie w WordPress.

Getting the API key

Gdy to zrobisz, kliknij przycisk „Połącz”.

Spowoduje to otwarcie wyskakującego okienka, w którym możesz logować się na swoje konto Constant Contact. Jeśli chcesz dać SeedProd dostęp do twoich danych Constant Contact, kliknij „Zezwól”.

Allow access

SeedProd pobierze teraz wszystkie informacje z twojego konta Constant Contact.

Po prostu wybierz listę mailingową, której chcesz użyć z twoją stroną, a następnie kliknij „Zapisz szczegóły integracji”.

Krok 4: Opublikuj twoją stronę Coming Soon

Po zakończeniu pracy nad twoją stroną, następnym krokiem jest jej opublikowanie.

Najpierw należy kliknąć przycisk Zapisz, a następnie wybrać opcję „Zapisz jako szablon”.

Publish your coming soon page

Po wyświetleniu pytania wpisz rodzaj nazwy szablonu. Jest to tylko twoje odniesienie, więc możesz użyć dowolnego szablonu.

Następnie kliknij przycisk „Zapisz szablon”.

Saving your WordPress coming soon template

W następnym wyskakującym okienku kliknij „Return to Page Editor”. Następnie możesz kliknąć przycisk „X” w prawym górnym rogu, aby zamknąć edytor stron SeedProd.

W tym momencie może pojawić się wyskakujące okienko z pytaniem, czy chcesz opublikować swój nadchodzący projekt i przełączyć witrynę w tryb wkrótce. Jeśli się na to zgadzasz, kliknij „Tak, włącz”.

How to activate coming soon mode

Jeśli nie chcesz jeszcze włączać trybu wkrótce, kliknij przycisk „Nie, zamknij”.

Kiedy będziesz gotowy, aby pokazać odwiedzającym stronę Coming Soon, po prostu przejdź do SeedProd ” Pages. Tutaj kliknij przełącznik w sekcji „Coming Soon Mode”, aby wyświetlić „Active”.

How to activate coming soon mode in WordPress

Podczas gdy twoja witryna internetowa jest w trybie wkrótce, nadal możesz logować się do kokpitu WordPress i pracować nad witryną.

Jednak wylogowani użytkownicy i odwiedzający będą mogli zobaczyć tylko stronę „coming soon”.

Coming soon page preview

Dodatkowa wskazówka: Użyj zaawansowanych ustawień SeedProd dla stron Coming Soon

To wszystko, czego potrzebujesz, aby stworzyć prostą stronę wkrótce. SeedProd ma jednak kilka zaawansowanych ustawień, które mogą pomóc w zbieraniu potencjalnych klientów, budowaniu lojalności klientów, budowaniu świadomości marki i nie tylko.

Aby przyjrzeć się tym zaawansowanym ustawieniom, przejdź do SeedProd ” Landing Pages i kliknij przycisk „Edytuj stronę” pod polem „Coming Soon Mode”.

Editing the coming soon page in WordPress using SeedProd

Spowoduje to otwarcie kreatora stron SeedProd.

Wystarczy kliknąć „Ustawienia strony”, aby zobaczyć zaawansowane funkcje.

The SeedProd advanced settings

Ograniczanie i przyznawanie dostępu na podstawie roli użytkownika

Domyślnie SeedProd pokaże twoją stronę wkrótce wszystkim niezalogowanym użytkownikom.

Czasami możesz chcieć zmienić, kto może uzyskać dostęp do twojej witryny, gdy jest ona w trybie wkrótce. Na przykład, jeśli projektujesz witrynę internetową klienta, może on chcieć ją zobaczyć podczas jej tworzenia.

WordPress posiada wbudowany system ról i uprawnień użytkowników, który kontroluje działania, jakie użytkownicy mogą podejmować na twojej witrynie oraz informacje, do których mają dostęp.

Możesz użyć tego systemu do przyznawania i odmawiania dostępu do twojej witryny internetowej, gdy jest ona w trybie wkrótce, wybierając opcję „Kontrola dostępu”.

The SeedProd access control settings

Aby przyznać dostęp określonym rolom użytkowników, kliknij przycisk „Dodaj rolę”.

Spowoduje to otwarcie listy rozwijanej, w której można przyznać dostęp na podstawie przypisanej roli użytkownika, takiej jak subskrybent lub autor.

Granting access to your site while in coming soon mode

Możesz również przyznać dostęp na podstawie adresu IP, co jest przydatne, jeśli dana osoba zawsze uzyskuje dostęp do twojej witryny z tej samej lokalizacji. Na przykład, możesz umieścić na białej liście biuro klienta lub twój domowy adres IP.

Aby to zrobić, wystarczy wpisać adres w polu „Access by IP”.

SeedProd's advanced page settings

Popraw SEO swojej strony Coming Soon

Będąc w „Ustawieniach strony”, możesz również przełączyć się na kartę „SEO” i podać tytuł SEO, opis, obrazek wyróżniający, który SeedProd użyje, gdy Twoja strona zostanie wkrótce udostępniona online.

Może to poprawić SEO twojego WordPressa i zacząć budować świadomość marki, nawet przed uruchomieniem pełnej witryny internetowej.

SEO settings for your coming soon page

Inną opcją jest poinformowanie wyszukiwarek, aby nie indeksowały strony. Może to być przydatne, jeśli pracujesz nad prywatnym blogiem WordPress, tajnym projektem lub jakąkolwiek inną treścią, której nie chcesz wyświetlać w wynikach wyszukiwania.

W tym celu wystarczy kliknąć, aby włączyć przełącznik „Włącz brak indeksu”.

Enabling the 'no index' SEO settings

Jeśli zainstalowałeś popularne wtyczki SEO, takie jak All in One SEO, to SeedProd również z nimi bezproblemowo współpracuje.

Śledzenie odwiedzających twoją witrynę internetową

Na koniec możesz przejść do karty „Skrypty” i dodać dowolne skrypty innych firm, których chcesz użyć.

Na przykład, możesz dodać kod Google Analytics, Meta pixel lub inny kod śledzenia do twojej strony, która pojawi się wkrótce. Umożliwi to śledzenie odwiedzających i zbieranie informacji, nawet przed uruchomieniem twojej witryny internetowej.

Add third-party scripts to your coming soon page

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać twoje zaawansowane ustawienia strony.

Jak wyłączyć stronę SeedProd’s Coming Soon?

Kiedy będziesz gotowy do opublikowania swojej witryny internetowej, SeedProd bardzo łatwo wyłączy tryb „coming soon”.

Po prostu przejdź do SeedProd ” Landing Pages i kliknij przełącznik „Aktywny”, aby zamiast tego wyświetlił się „Nieaktywny”.

How to disable coming soon mode

Teraz, jeśli użytkownik przejdzie na twoją witrynę internetową, będzie mógł zobaczyć wszystkie wpisy i strony.

Tryb konserwacji vs Wkrótce: Której strony należy użyć?

Jeśli twoja witryna jest w trakcie konserwacji, to zazwyczaj powinieneś wyświetlać stronę trybu konserwacji zamiast projektu wkrótce.

Strona „coming soon” jest przeznaczona raczej dla witryn internetowych, które są w trakcie opracowywania lub uruchamiania. Tymczasem strona w trybie konserwacji jest przeznaczona dla witryn internetowych, które przechodzą aktualizacje lub naprawy.

Możesz dowiedzieć się więcej o różnicach między nimi w naszym artykule na temat trybu „coming soon” i trybu konserwacji: jaka jest różnica.

Dobrą wiadomością jest to, że SeedProd umożliwia również tworzenie pięknych stron w trybie konserwacji. Wystarczy przejść do SeedProd ” Landing Pages i kliknąć na „Set up a Maintenance Mode Page”.

Set up a maintenance mode button

Możesz teraz zaprojektować twoją stronę, postępując zgodnie z tym samym procesem opisanym powyżej. Możesz również dokładnie kontrolować, kto widzi tę stronę i łatwo wyłączyć tryb konserwacji po zakończeniu pracy nad witryną.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat tego, jak przełączyć twoją witrynę WordPress w tryb konserwacji.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się, jak tworzyć piękne strony wkrótce w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak zwiększyć ruch na Twoim blogu lub z naszym porównaniem najlepszych usług telefonii biznesowej.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

5 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Fauwaz Marjan says

    Is there a way for the logo to be aligned left of the page in the coming soon page? Because every time I save the changes, it automatically keeps the logo aligned to the center.

    • WPBeginner Support says

      Please reach out to SeedProd’s support and they should be able to take a look and assist you.

      Administrator

  3. Jerome Brooks says

    Hello,
    My page is presently set on the Coming Soon Mode Active. How do I make my page active for the world to see? Thank you.

    Jerome Brooks

    • WPBeginner Support says

      That would normally be due to a plugin, you could either check through your plugins settings or disable your plugins that you are not actively using for finding where that is set.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.