Jak stworzyć stronę docelową w WordPress za pomocą Element Pack i Elementor

Opublikowany: 2019-10-20

Witam wszystkich, w tym artykule dowiemy się, jak utworzyć stronę docelową w WordPress za pomocą Element Pack i Elementor Page builder. To będzie blog z samouczkami krok po kroku, więc wstrzymaj oddech na długą podróż.

Zacznijmy!

Tworzenie strony docelowej za pomocą Elementora i pakietu elementów jest absolutnie łatwe

Na początek istnieje wiele sposobów tworzenia oszałamiających stron docelowych za pomocą Elementor i Element Pack.

Stworzyliśmy ten artykuł, aby poinformować Cię o najwygodniejszym sposobie tworzenia stron docelowych za pomocą bezpłatnych wtyczek WordPress.

Tak, bez kosztów.

Co ci tutaj pokażemy-

  • Darmowe wtyczki — zarówno kreator stron Elementor, jak i Element Pack Pro mają bezpłatne wersje wtyczek, które są odpowiednie do tworzenia stron internetowych.
  • Proste kroki – zrobimy wszystko w uproszczony sposób, bez trudnych rzeczy.
  • Wiedza o kodowaniu nie jest konieczna – będziemy pracować z wtyczką do kreatora stron Elementor, która wymaga zerowej wiedzy o kodowaniu jako wtyczki typu „przeciągnij i upuść”. Nawet wtedy nie będziesz musiał poświęcać czasu na resztę procesu budowania strony za pomocą kodów.
  • Kreatywny projekt – Stary niedźwiedź smakuje lepiej, ale nie trzymamy się starych szablonów stron z tym samym powtarzalnym interfejsem. Wszystkie nasze to świeże i kreatywne projekty layoutów.
  • Większy CTR i konwersja — ten przewodnik pomoże Ci zbudować stronę internetową, która nie tylko wygląda wspaniale, ale także ma wyższy współczynnik konwersji.

Zanim przejdziemy do procesu tworzenia strony, opowiedzmy trochę o definicjach tego, co zamierzamy zbudować i jakimi narzędziami.

Ruszajmy do przodu.

Spis treści

Czym jest Landing Page w WordPressie?

Strona główna Twojej witryny to w zasadzie ta część witryny, którą widzimy jako pierwszą podczas odwiedzania witryny. Strona docelowa to strona dedykowana do określonego działania, którego potrzebujesz od odwiedzających. Jest to specjalna strona używana do celów marketingowych i zwiększająca wartość Twojej witryny. Strony docelowe są zaprojektowane tak, aby wpływać na Twój CTR i konwersję poprzez przyciąganie większej liczby osób dzięki ich atrakcyjności i funkcjom.

Prawidłowo zaprojektowana strona docelowa często generuje większy ruch w sieci wyszukiwania niż blogi czy posty promocyjne. To ma sens, że ludzie chcą czegoś nowego i przyjemnego do przeżycia, aby się przekonać, a strona docelowa jest do tego idealnym miejscem.

Istnieje wiele sposobów na zaprojektowanie strony docelowej. Standardowy landing page powinien zawierać nagłówek, stopkę, usługę, często zadawane pytania, cennik itp. Możesz pomyśleć, że to w zasadzie strona główna, ale tak nie jest.

Fakty, które odróżniają stronę główną od strony docelowej

Oczywiście strona główna jest pierwszą w historii stroną, na którą mogą trafić Twoi użytkownicy.

Na przykład strona główna zawiera ogólną strukturę witryny, szczegóły dotyczące produktu lub usługi i służy do przedstawiania Twojej marki odwiedzającym. Zachęca również ludzi do dalszego zaglądania do Twojej witryny lub innych stron.

Ale tworzymy strony docelowe, aby spełnić określone potrzeby, takie jak skupienie się na określonym produkcie lub funkcji tylko na jednej stronie.

Z tego powodu większość stron docelowych zawiera mniej treści niż strona główna zawierająca wyłącznie treści związane z produktem.

Można więc powiedzieć, że tworzymy strony docelowe o uproszczonym podejściu i nic dusznego, aby przekazać odwiedzającym jasny komunikat.

To podstawowa różnica między stroną główną a stroną docelową.

Utwórz stronę docelową za pomocą Elementora krok po kroku

Teraz, gdy znasz już definicje strony docelowej, czas poznać proces tworzenia strony docelowej za pomocą Elementora.

Używamy Elementora, ponieważ jest to najpopularniejsza wtyczka do tworzenia stron typu „przeciągnij i upuść” dla WordPress.

Jest tak łatwy w użyciu i wcale nie wymaga znajomości kodowania.

To nie wszystkie powody, dla których używamy Elementora do tworzenia stron internetowych-

  • Tworzenie witryny bez rozpraszania uwagi: Elementor zapewnia całkowicie puste płótno, dzięki czemu możesz zacząć tworzyć swoją witrynę od zera. To sprawia, że ​​profesjonalni twórcy stron internetowych cenią Elementora ponad wszystko.
  • Widżety Drag-n-Drop: Elementor jest bardzo elastyczny ze względu na to, jak jest zbudowany i co zapewnia. Dodanie funkcji lub funkcji do nowo zaprojektowanej witryny internetowej wymaga jedynie przeciągania widżetów poprzez kliknięcie kursora.
  • Pełne zarządzanie witryną: Elementor zapewnia w szczególności dedykowaną kontrolę nad układem strony docelowej, dzięki czemu tworzenie strony jest bardziej dynamiczne i profesjonalne.
  • Szablony i bloki: Elementor jest przyjazny dla początkujących i ma wiele gotowych projektów szablonów, które możesz zaimportować i dostosować, aby stworzyć własną stronę docelową w ciągu kilku minut.

Przejdźmy więc do przodu.

Czego potrzebujesz, aby zacząć

Aby zacząć tworzyć swój pierwszy landing page za pomocą Element Pack & Elementor, musisz wcześniej przygotować niezbędne rzeczy.

To czego potrzebujesz to-

  • Stabilna witryna WordPress
  • Kreator stron Elementor (bezpłatny)
  • Pakiet elementów Pro

Powód, dla którego używamy Element Pack Pro, ponieważ ma ponad 200 niezbędnych widżetów dla Elementora i ponad 2000 szablonów, aby w kilka minut stać się profesjonalistą.

To legendarne narzędzie do tworzenia stron internetowych, które sprawia, że ​​tworzenie stron internetowych jest tak proste, jak bułka z masłem.

Możesz skorzystać z bezpłatnej wersji Element Pack Lite, która zapewnia ponad 45 widżetów i funkcji za darmo.

Ponadto istnieje duża liczba szablonów stron docelowych (ponad 100), które możesz zaimportować i używać jako własnych.

Części strony docelowej

Świetna strona docelowa powinna ogólnie zawierać te części:

  1. Nagłówek: Logo Twojej witryny, menu główne i dodatkowe funkcje, takie jak pasek wyszukiwania, trafiają do części nagłówka. Może być ruchomy lub nieruchomy w zależności od reszty strony.
  2. Sekcja bohaterów: sekcja bohaterów wypełnia cały ekran, dopóki odwiedzający nie przewiną w dół. Musisz zwrócić maksymalną uwagę na szczegóły tej części serwisu.
  3. Sekcja usług: w tym miejscu szczegółowo informujesz odwiedzających o swojej firmie.
  4. Cechy: Podkreśl, jakie masz cechy, które sprawiają, że ludzie wybierają Cię spośród innych.
  5. Galeria: udekoruj galerię swojej witryny siatką obrazów, karuzelą, ikonami, przyciskami udostępniania społecznościowego itp.
  6. Referencje: Pokaż, co ludzie mówią o Twojej usłudze i zdobądź większą popularność i zaufanie.
  7. Formularz rejestracji: W tej części musisz podać sposób, w jaki odwiedzający wejdą na twoją listę mailingową dla przyszłego zakresu.

Teraz musimy tylko zacząć tworzyć naszą stronę docelową za pomocą Element Pack i Elementora nad tymi elementami.

Krok-1: Utwórz stronę docelową za pomocą menu szablonów

Kolejną zaletą Elementora jest to, że umożliwia tworzenie szablonów stron z dedykowaną kontrolką pulpitu szablonów.

Więc zamiast biegać tu i tam, możesz umieścić swoje prace na linii z jednego miejsca.

Wystarczy przejść do WordPress Dashboard > Szablony i wybrać opcję Landing Pages , aby dodać nowy landing page w menu szablonów.

Teraz zostaniesz przekierowany do edytora stron Elementor dla strony szablonu.

Tutaj możesz wybrać gotowy szablon z biblioteki szablonów Element Pack Pro lub przejść na całkowicie niestandardowy.

Krok 2: Przygotuj kolory i czcionki projektu

Jak wspomnieliśmy wcześniej, Elementor zapewnia okno edytora, które nie rozprasza uwagi, wykluczając wszystko, nawet nagłówek i stopkę.

Wszystko, co musisz zrobić, to wybrać „Elementor Canvas” z ustawień strony, aby na początek mieć w pełni białą stronę.

Zanim zaczniesz, upewnij się, że ustawiłeś globalny kolor i czcionkę dla strony docelowej.

Jest to niezbędne, ponieważ oszczędza dużo czasu bez konieczności ręcznej zmiany właściwości czcionki lub koloru każdej sekcji/elementu.

Aby uzyskać szybsze i bardziej profesjonalne projektowanie, możesz zainstalować oprogramowanie do wybierania kolorów na komputerze, którego używasz do tworzenia strony docelowej w WordPress.

Pomaga to w utrzymaniu płynności pracy.

Krok 3: Zaprojektuj nagłówek i stronę bohatera

Przede wszystkim możesz najpierw zaprojektować swój nagłówek, a następnie przejść do zawartości sekcji bohatera.

Nagłówek powinien zawierać logo Twojej marki, menu i coś, co użytkownicy mogą podjąć, na przykład pole wyszukiwania.

Po drugie, musisz zachować prostotę dla sekcji bohatera lub części tuż pod nagłówkiem.

Aby uzyskać lepszy wygląd, zaleca się zastosowanie podobnego tonu do nagłówka i strony głównej.

Następnie możesz umieścić duży tekst na środku strony głównej, na ładnym obrazie tła.

Obraz tła powinien przedstawiać Twoją usługę.

Zakończ go przyciskiem, który prowadzi użytkowników do uzyskania większej ilości informacji na dany temat.

W tym momencie możesz użyć zakładki Zaawansowane w Elementorze dla poszczególnych sekcji lub elementów i ustawić niestandardowe dodawanie, margines, obramowanie, cień itp. do tworzenia wyjątkowych projektów.

Element Pack Pro zawiera niesamowite widżety, które poprawiają wygląd twojej strony bohatera-

  • Zaawansowany kurs
  • Animowany nagłówek
  • Ikona Nawigacja
  • Suwak
  • Podwójny przycisk
  • Karuzela niestandardowa

Step-4: O nas strony docelowej w WordPress

Sekcja O nas jest bardzo ważna dla Twojej witryny, ponieważ zawiera podstawowe informacje o Twojej witrynie, w tym jej celu.

Staraj się nie przesadzać z tą częścią, aby przyciągnąć więcej uwagi, rozciągając ją dłużej niż to konieczne.

Możesz zachować minimalistyczny projekt lub zrobić coś rozbudowanego dla tej części, obie prace.

Ale nie używaj zbyt wielu słów, po prostu zakończ je w ciągu 10-12 linii.

To powinno sprawić, że odwiedzający przyjmą informacje bez żadnej presji.

Ponadto możesz spróbować użyć tych widżetów z pakietu Element Pack Pro, aby dodać dodatkowe ulepszenia do swojej witryny —

  • Zaawansowany kurs
  • Zaawansowane pole ikon
  • Fantazyjna karta

Krok-5: Sekcja wyróżniona projektem

Polecana sekcja ma na celu zwrócenie uwagi ludzi na Twój produkt lub usługę.

Zaprojektowanie tej sekcji strony docelowej za pomocą Element Pack i Elementor jest łatwe.

Zalecany układ powinien zawierać ładną, dużą wizualną reprezentację Twojej usługi wraz z jej zaletami lub charakterystyką.

Powinieneś być bardziej bezpośredni w polecanej sekcji, aby ludzie mogli wyraźnie zrozumieć Twoją usługę.

Te widżety pomogą Ci zaprojektować niesamowite polecane sekcje w Elementor-

  • Pole unoszenia
  • Fantazyjny suwak
  • Karta interaktywna
  • Siatka zdarzeń
  • Lupa obrazu

Krok 6: Stwórz niesamowitą galerię obrazów

W tej części strony docelowej stworzymy galerię obrazów dla naszych gości.

Każda strona docelowa w WordPressie wykonana przy użyciu Element Pack i Elementor powinna mieć galerię obrazów, aby uzyskać większą ekspozycję i zbudować zaufanie wśród odwiedzających.

Tutaj możesz użyć ładnego dużego nagłówka, a następnie zacząć wstawiać obrazy do pojedynczego widżetu galerii obrazów.

Ponadto galeria powinna mieć równomiernie rozmieszczone obrazy, aby wyglądała schludnie i czysto.

Można to łatwo zrobić, używając tylko dwóch widżetów z Element Pack-

  • Animowany nagłówek
  • Zaawansowana galeria obrazów
  • Akordeon obrazu

Krok 7: Opinia użytkownika

Opinie użytkowników budują zaufanie wśród odwiedzających, pokazując, co inni mają do powiedzenia na temat Twojej usługi.

Bez względu na to, jak duża lub mała jest Twoja witryna, posiadanie opinii użytkowników na swojej stronie docelowej w WordPress okazuje się owocne w zwiększaniu ruchu i potencjalnych klientów.

Element Pack Pro ma dedykowane widżety do tego celu, które możesz łatwo umieścić blisko dołu swojej witryny (poniżej funkcji), aby mieć pozytywny wpływ-

  • Suwak referencji
  • Karuzela opinii
  • Dowód społeczny

Krok 8: Zarejestruj się i skontaktuj się z nami

Inną ważną częścią udanej strony docelowej jest sekcja rejestracji, w której zbierane są dane kontaktowe odwiedzających dla przyszłego biznesu.

Konfigurując obszar kontaktu, powinieneś rozważyć podanie swojego adresu, numeru telefonu i oczywiście adresu e-mail.

Ponownie, musisz dostarczyć formularz rejestracji obiecujący e-maile z ofertami, e-maile promocyjne lub inne bezpłatne rzeczy.

Dlatego musisz zwracać większą uwagę na tło, grafikę i inne szczegóły, aby przyciągnąć uwagę ludzi.

Element Pack Pro ma idealne widżety do budowania sekcji formularza kontaktowego i rejestracji-

  • Ikona Nawigacja
  • Mailchimp
  • Formy ninja

Dodatkowo: Dodaj styl nawigacji dla strony docelowej w WordPress

Teraz, gdy Twój landing page jest już w zasadzie gotowy, możesz skorzystać z kilku sztuczek, aby jak najlepiej go wykorzystać.

Najpierw możesz dodać lepki pasek nawigacyjny nagłówka dla strony docelowej.

W ten sposób użytkownik zawsze może zobaczyć pasek nawigacji i łatwo przełączać się na inne strony.

Po drugie, możesz sprawić, że pasek nawigacyjny zniknie, dopóki ktoś nie przewinie w dół o określoną odległość od góry strony.

Daje to profesjonalne wrażenie strony, a użytkownicy ją pokochają.

Dodatkowo: użyj szablonów stron docelowych

Jak wspomnieliśmy wcześniej na górze, Element Pack Pro zapewnia użytkownikom duży wybór gotowych szablonów stron docelowych.

Możesz wybrać szablon bezpłatny lub premium i dostosować wewnętrzne sekcje, aby stworzyć coś wyjątkowego.

To najszybszy sposób na zbudowanie strony docelowej w WordPressie, która wygląda oszałamiająco i niesamowicie.

Niektóre atrakcyjne strony docelowe z Element Pack Pro-

  • Halloween
  • Świąteczna strona docelowa
  • Nieskończony
  • Pięć
  • Zdrowie Covid
  • Usługa Ebus
  • Covid-19
  • Mediplus
  • Moda Męska
  • Sklep meblowy
  • Moda Damska
  • Zbiorowy

Podsumowując!

Czy lubisz modne strony docelowe dla swojej firmy?

Kup Element Pack Pro już dziś i ciesz się kreatywnymi stronami docelowymi dla swoich następnych projektów internetowych.

Otrzymasz również ponad 200 niesamowitych widżetów i rozszerzeń, które dodatkowo ulepszą funkcje Twojej witryny.

Wszystko jest możliwe dzięki tylko jednej wtyczce, Element Pack Pro.

Mam nadzieję, że podobał Ci się ten blog.

Z poważaniem

Motywy Bd