Tworzenie strony docelowej za pomocą WordPress

Czy chcesz utworzyć niestandardową stronę docelową w swojej witrynie WordPress?

Strona docelowa to wysoce zoptymalizowana strona marketingowa. Pomaga firmom przekształcać odwiedzających witrynę w klientów i potencjalnych klientów.

W tym artykule pokażemy, jak łatwo utworzyć stronę docelową w WordPress.

Creating a landing page with WordPress

Oto krótki przegląd tego, co omówimy w tym przewodniku.

  • Co to jest strona docelowa?
  • Różnica między stroną główną a Stroną docelową
  • Tworzenie strony docelowej w WordPress z SeedProd (zalecane)
  • Tworzenie strony docelowej w WordPress Z Beaver Builder
  • Tworzenie strony docelowej w WordPress z Divi

Co to jest strona docelowa?

Strona docelowa to specjalnie zaprojektowana strona mająca na celu zwiększenie sprzedaży lub generowanie potencjalnych klientów dla firmy.

Są szeroko stosowane w płatnym marketingu, e-mailach i kampaniach w mediach społecznościowych. Użytkownicy pochodzący z tych źródeł wylądują na tej stronie jako pierwsi, dlatego nazywa się ją Stroną docelową.

Jaka jest różnica między stroną główną a Stroną docelową?

Strona główna to strona główna Twojej witryny i to, co użytkownicy zobaczą, gdy wprowadzą nazwę domeny w swojej przeglądarce. Z drugiej strony strona docelowa może być samodzielną stroną, na której większość odwiedzających ląduje z płatnych lub zewnętrznych źródeł ruchu.

Strona główna Twojej witryny jest przeznaczona dla odwiedzających, którzy mogą angażować się w Twoją witrynę, przeglądać inne strony, przeglądać produkty lub rejestrować się. Ma więcej linków i zapewnia użytkownikom większy wybór.

Z drugiej strony strona docelowa, zwana również „stroną wyciskającą”, jest zbudowana z myślą o wyższych współczynnikach konwersji. Ma mniej linków i jest przeznaczony dla użytkowników, aby podjąć decyzję o zakupie lub podać swoje informacje na przyszłość.

Twoja witryna może mieć tylko jedną stronę główną, ale możesz utworzyć tyle stron docelowych, ile chcesz dla różnych kampanii. Na przykład:

  • Landing page dla Twoich płatnych kampanii reklamowych
  • Strona dla subskrybentów pochodzących z twojej listy e-mail, odwiedzających z mediów społecznościowych i nie tylko
  • Użytkownicy lądujący na stronie określonego produktu lub usługi
  • i wiele innych…

Mając to na uwadze, przyjrzyjmy się, jak stworzyć piękną niestandardową stronę docelową w WordPress bez potrzeby posiadania wiedzy CSS, HTML lub PHP.

Wybraliśmy trzy najlepsze rozwiązania do tworzenia stron docelowych w WordPress. Te kreatory stron docelowych są łatwe w użyciu, Zoptymalizowane pod kątem szybkości i niedrogie dla małych firm. Możesz wybrać rozwiązanie, które najlepiej pasuje do Twoich potrzeb.

Gotowy? Zacznijmy od pierwszej metody.

Metoda 1. Tworzenie strony docelowej WordPress za pomocą SeedProd

Ta metoda jest najłatwiejsza i zalecana dla wszystkich użytkowników.

W tej metodzie użyjemy SeedProd. Jest to najlepsza wtyczka strony docelowej WordPress na rynku i pozwala na tworzenie dowolnego rodzaju strony docelowej bez konieczności kodowania. SeedProd jest również zoptymalizowany pod kątem lekkości, szybkości i przyjazności dla SEO.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Jest darmowa wersja wtyczki SeedProd dostępna na WordPress.org, ale będziemy używać wersji Pro, ponieważ oferuje bardziej zaawansowane funkcje.

Po aktywacji zostaniesz poproszony o wprowadzenie klucza licencyjnego. Możesz znaleźć te informacje pod swoim kontem na stronie SeedProd.

SeedProd license key

Następnie musisz odwiedzić SeedProd ” Strony stronę i kliknij przycisk „Dodaj nową stronę docelową”.

Create a new landing page

Na następnym ekranie zostaniesz poproszony o wybranie motywu strony docelowej.

SeedProd zawiera dziesiątki pięknych szablonów stron docelowych starannie zorganizowanych dla różnych typów kampanii. Po prostu kliknij, aby wybrać szablon, którego chcesz użyć jako punktu wyjścia.

Choose a page template

Zostaniesz poproszony o podanie tytułu swojej strony i wybranie adresu URL. Wybierz chwytliwy tytuł strony i nie zapomnij dodać docelowego słowa kluczowego w adresie URL strony.

Choose a page title and URL

Spowoduje to załadowanie interfejsu seedprod page builder. Ten prosty kreator przeciągnij i upuść wyświetli podgląd na żywo Twojej strony po prawej stronie i pasek narzędzi po lewej stronie.

SeedProd page builder interface

Bloki są podstawowym narzędziem do projektowania w SeedProd. Możesz ich użyć do stworzenia dowolnego układu, którego potrzebujesz. Możesz także używać kolumn do umieszczania bloków obok siebie.

Możesz po prostu wskazać i kliknąć dowolny blok na stronie, aby go dostosować. Możesz także przeciągać i upuszczać bloki, aby przesuwać je w górę lub w dół.

Editing elements in page builder

Możesz dodawać nowe bloki do swojej strony z lewej kolumny. SeedProd zawiera Popularne elementy projektu strony docelowej, które można po prostu przeciągnąć i upuścić w dowolnym miejscu na stronie.

Możesz także zmieniać kolory tła, dodawać obrazy tła, zmieniać kolory i czcionki, aby pasowały do Twojej marki lub motywu.

SeedProd blocks

Ponadto SeedProd ma również „sekcje”. Są to typowe obszary projektowania używane przez strony docelowe. Na przykład nagłówek, obraz bohatera, wezwanie do działania, referencje, formularz kontaktowy, Często zadawane pytania, funkcje, stopka i inne.

Reusable sections in SeedProd

SeedProd jest również kompatybilny z WooCommerce. Pozwala to na tworzenie stron docelowych produktów, stron docelowych e-commerce, stron promocyjnych do sprzedaży i innych wydarzeń.

WooCommerce blocks in SeedProd

Bloki WooCommerce obejmują przycisk Dodaj do koszyka, zamówienie, Polecane produkty, siatkę produktów i inne. Umożliwia to tworzenie naprawdę oszałamiających kampanii marketingowych bez ograniczania się do motywu WooCommerce.

Products on a landing page for eCommerce website

Łączenie stron docelowych z narzędziami innych firm

Aby stworzyć dobrą stronę docelową do generowania leadów, możesz dodać formularze rejestracji na liście e-mail, w których użytkownicy mogą dołączyć do newslettera lub podać swoje dane kontaktowe.

SeedProd ułatwia łączenie stron docelowych z popularnymi usługami e-mail marketingowymi, takimi jak Constant Contact lub Mailchimp. Po prostu przejdź do zakładki „Połącz”, a następnie wybierz dostawcę usług e-mail.

SeedProd integrations

Chcesz połączyć się z usługą, której nie ma na liście? Nie martw się, SeedProd współpracuje z Zapierem, który działa jako pomost między SeedProd a ponad 3000 innymi aplikacjami na Zapier.

Connect Zapier

Zapisywanie i publikowanie strony docelowej

Po zakończeniu edycji strony możesz po prostu kliknąć przycisk Zapisz, a następnie wybrać Publikuj.

Publish your landing page

Opublikowanie strony docelowej sprawi, że będzie ona dostępna na twojej stronie.

Landing page published

Korzystanie z niestandardowej domeny dla strony docelowej

Czy masz domenę niestandardową, której chcesz użyć na swojej stronie docelowej?

Pozwala to na korzystanie z witryny WordPress do tworzenia stron docelowych, stron wkrótce, stron produktów, kampanii reklamowych ukierunkowanych geograficznie, mikrowitryn i innych z własnymi nazwami domen.

Zamiast tworzyć sieć wielostanowiskową WordPress lub instalować wiele witryn WordPress, możesz po prostu utworzyć stronę docelową i skierować ją do niestandardowej nazwy domeny.

Po prostu przejdź do zakładki Ustawienia strony, a następnie kliknij sekcję „domena Niestandardowa”.

Add custom domain for your landing page

Upewnij się, że dostawca usług hostingowych WordPress umożliwia korzystanie z wielu domen i dodałeś nazwę domeny do pulpitu hostingowego.

Aby uzyskać więcej informacji, zobacz nasz artykuł na temat dodawania niestandardowego aliasu domeny dla strony docelowej WordPress.

Metoda 2. Tworzenie strony docelowej w WordPress za pomocą Beaver Builder

Beaver Builder to kolejny popularny Kreator stron typu przeciągnij i upuść WordPress. Pozwala łatwo utworzyć stronę docelową za pomocą gotowych szablonów, które można modyfikować za pomocą prostych narzędzi przeciągnij i upuść.

Najpierw musisz zainstalować i aktywować wtyczkę Beaver Builder. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Ustawienia ” Beaver Builder strona do konfiguracji ustawień wtyczki.

Add Beaver Builder license key

Na karcie Licencja kliknij przycisk „Wprowadź klucz licencyjny”, aby dodać klucz licencyjny. Możesz znaleźć te informacje w swoim koncie na stronie Beaver Builder.

Następnie musisz udać się do Strony ” Dodaj Nowy strona z pulpitu WordPress, aby utworzyć pierwszą stronę docelową.

Beaver Builder działa ze wszystkimi najlepszymi motywami WordPress. Wiele z tych motywów zawiera szablon strony docelowej zaprojektowany do współpracy z wtyczkami do tworzenia stron. Zazwyczaj są to szerokie układy bez paska bocznego i widżetów.

Jeśli twój motyw nie ma takiego szablonu, możesz go utworzyć samodzielnie, korzystając z motywu podrzędnego. Aby uzyskać szczegółowe instrukcje, zobacz nasz przewodnik, Jak utworzyć stronę o pełnej szerokości w WordPress.

Wybierz stronę docelową lub szablon o pełnej szerokości w polu „atrybuty strony” w prawej kolumnie, a teraz zapisz stronę, aby zastosować zmiany.

Select a theme template

Teraz jesteś gotowy, aby zrobić stronę docelową.

Kliknij przycisk’ Launch Beaver Builder ’ w edytorze postów, aby uruchomić interfejs Buildera.

Launch Beaver Builder

Beaver Builder otworzy się z szablonem strony docelowej Twojego motywu. Musisz kliknąć przycisk Dodaj w prawym górnym rogu ekranu i przejść do zakładki Szablony.

Choose page template

Tutaj znajdziesz kilka gotowych szablonów do wyboru. Wybierz „strony docelowe” z menu rozwijanego grupy, a następnie wybierz szablon, który wygląda zbliżony do tego, co masz na myśli.

Po wybraniu szablonu Beaver Builder załaduje go w oknie podglądu.

Point and click to edit

Możesz teraz wskazywać i klikać dowolną zawartość strony, aby ją edytować. Możesz zmienić tekst, zmienić kolor tła lub obrazy, dostosować szerokość i wysokość wierszy i kolumn.

Możesz dodawać lub usuwać elementy zawartości z szablonu. Wystarczy kliknąć przycisk Dodaj i przejść do zakładki wiersze. Możesz dodać jedną lub wiele kolumn.

Add rows and columns

Po dodaniu wiersza przełącz się na kartę Moduły. Moduły to elementy treści, które możesz dodać do swojej strony docelowej. Beaver builder zawiera wszystkie niezbędne moduły, w tym tekst, nagłówki, przyciski CTA, wideo, audio, animowany minutnik i wiele innych.

Add modules to your landing page template

Gdy będziesz zadowolony z projektu, możesz kliknąć przycisk „Gotowe” na górze, a następnie zapisać lub opublikować swoją stronę.

Save or publish your landing page

Możesz teraz odwiedzić stronę, aby wyświetlić stronę docelową w akcji. Możesz edytować go ponownie, jeśli chcesz dostosować, dodać lub usunąć cokolwiek.

Landing page preview

Metoda 3. Tworzenie Landing Page w WordPress za pomocą Divi

Divi to popularna wtyczka do tworzenia stron WordPress stworzona przez zespół odpowiedzialny za eleganckie motywy. Jest to motyw z obsługą kreatora stron i możesz go również użyć jako samodzielnego kreatora stron.

Najpierw musisz zainstalować i aktywować wtyczkę Divi Builder.

Uwaga: Jeśli instalujesz Divi theme, nie musisz instalować wtyczki Page builder. Po prostu postępuj zgodnie z naszymi instrukcjami, jak zainstalować motyw WordPress.

Po aktywacji możesz przejść do Strony ” Dodaj Nowy strona, aby utworzyć swoją stronę docelową. Na ekranie edycji strony kliknij przycisk „Użyj Divi Buildera”, aby uruchomić Divi page builder.

Launch Divi Builder

Następnie zobaczysz okienko powitalne, aby zapoznać się z edytorem, możesz go opuścić, klikając przycisk Rozpocznij budowanie.

Następnie zobaczysz opcję, aby zacząć od zera, wybrać układ lub sklonować stronę. Musisz kliknąć przycisk Wybierz układ.

Divi layout options

Divi zawiera dziesiątki gotowych do użycia szablonów stron docelowych uporządkowanych według kategorii. Po prostu kliknij, aby wybrać szablon, który chcesz wykorzystać jako punkt wyjścia.

Choose a template

Na następnym ekranie zobaczysz szczegóły układu i inne szablony, które zawiera. Większość pakietów układów zawiera szablon strony docelowej, którego możesz użyć.

Apply layout

Po prostu kliknij przycisk „Użyj tego układu”, aby kontynuować.

Możesz zostać poproszony o podanie nazwy użytkownika konta Divi i klucza API. Możesz znaleźć te informacje w swoim koncie na stronie Elegant Themes.

Divi pobierze i zainstaluje wybrany układ z biblioteki. Następnie zobaczysz podgląd na żywo swojej strony w kreatorze stron.

Divi visual page builder

Możesz po prostu wskazać i kliknąć, aby wybrać i edytować element na ekranie. W przypadku elementów tekstowych możesz po prostu umieścić kursor nad tekstem, który chcesz edytować i zacząć pisać.

W przypadku innych elementów na ekranie pojawi się wyskakujące okienko z opcjami wypróbowania różnych dostosowań.

Editing elements in Divi

Divi używa sekcji, wierszy i modułów do tworzenia układów. Możesz dodać sekcję, wiersz lub moduł, klikając ikonę + w dowolnym miejscu na stronie.

Adding modules to your page

Każdy moduł ma różne ustawienia, które można dostosować po włożeniu. Divi posiada wiele zaawansowanych opcji dla każdego elementu.

Editing a module

Po zakończeniu edycji możesz po prostu kliknąć przycisk Publikuj w prawym dolnym rogu ekranu.

Publishing your page

Możesz teraz kliknąć przycisk Exit Visual Builder na pasku narzędzi administratora WordPress, aby wyjść z edytora.

Exit visual page builder

Kreator przekieruje Cię z powrotem do aktywnej wersji strony docelowej. Nadal możesz wznowić edycję, klikając „Włącz edytor wizualny” na pasku narzędzi u góry.

Divi landing page preview

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć stronę docelową za pomocą WordPress. Możesz również zapoznać się z naszymi sprawdzonymi wskazówkami na temat zwiększania ruchu w Twojej witrynie WordPress lub z naszym porównaniem najlepszych usług biznesowych telefonów, aby zoptymalizować konwersję sprzedaży.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

Uwaga: Aby pomóc naszym czytelnikom uniknąć paraliżu wyboru, nasz artykuł nie zawiera wszystkich kreatorów stron docelowych, takich jak Elementor, Leadpages, Instapage, Unbounce, ClickFunnels itp. Trzy najlepsze rozwiązania, które wybraliśmy, to najlepsze rozwiązania dla małych firm, ponieważ są łatwe w użyciu, Zoptymalizowane pod kątem szybkości i niedrogie dla małych firm.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…