Zbuduj profesjonalną stronę internetową z Elementorem i szczęśliwymi dodatkami

Opublikowany: 2020-01-04

W dzisiejszych czasach właściciele od małych do dużych firm koncentrują się na prezentacji swoich produktów, usług, perspektyw na całym świecie za pomocą platform lub stron internetowych. Ponieważ rozumieją wartość posiadania profesjonalnych witryn internetowych w celu świadczenia różnych usług online, a także wirtualnego docierania do większej liczby klientów.

Ponad 56% firm na całym świecie korzysta z profesjonalnych stron internetowych

Zyskasz nie tylko korzyści, ale także możesz wyróżnić się na tle konkurencji, jeśli posiadasz profesjonalną stronę internetową o niepowtarzalnym wyglądzie. Profesjonalne witryny internetowe, na przykład witryny z blogami, witryny edukacyjne, witryny z portfolio, witryny typu projektowego, witryny science fiction, witryny wynajmu samochodów itp. Z tych przykładów witryn profesjonalnych możesz wybrać najlepszą, która Ci odpowiada.

Jeśli jednak chcesz zbudować stronę internetową o profesjonalnym wyglądzie, ten artykuł jest dla Ciebie. Niezależnie od tego, jak ważna jest strona internetowa, dzisiaj pokażemy Ci, jak w prosty sposób stworzyć profesjonalną stronę internetową.

Zacznijmy.

Jak Elementor pomaga w łatwym tworzeniu strony internetowej

Professional websites

Wspomnieliśmy wcześniej o tym, jak ważna jest profesjonalna strona internetowa i jak pomoże Ci dotrzeć do większej liczby klientów. Teraz porozmawiamy o najpopularniejszym kreatorze stronicowania, elementorze, dla wszystkich użytkowników WordPressa.

Przed wynalezieniem Elementora projektowanie strony internetowej było piekłem. Ale elementor sprawia, że ​​ta ścieżka jest łatwa i prosta. A ludzie w każdym wieku mogą korzystać z tej wspaniałej wtyczki na swojej stronie internetowej. Korzystając z najlepszych dodatków „Elementor”, możesz łatwo dostosować swoją witrynę, a także nadać jej profesjonalny wygląd w ciągu kilku minut. Dowiedzmy się, jak ułatwi Ci to zaprojektowanie profesjonalnej strony internetowej.

  • Edytor przeciągnij i upuść
  • Ponad 90 widżetów do wdrożenia
  • Wbudowane ponad 300 szablonów
  • Edytowanie responsywne
  • Kreator wyskakujących okienek
  • Kreator motywów
  • I kreator WooCommerce

Tak więc te funkcje Elementora są w 100% wystarczające, aby dostosować dowolny typ wymagań dotyczących projektowania witryn WordPress. Ponownie, aby przyspieszyć siłę Elementora, możesz potrzebować rozwiązania, które pomoże ci stworzyć piękniejsze rzeczy. Tak, mówimy o Happy Addons. W następnej części porozmawiamy o tym wyjątkowym, super szybkim i łatwym dodatku.

Przedstawiamy HappyAddons

Professional websites

HappyAddons to wyjątkowy dodatek do Elementora. To może być najlepszy pakiet dodatków do Elementora — Adam Preiser Założyciel WP Crafter

Już kilka razy wspominaliśmy o „Happy Addons”. Jest to kompaktowe rozwiązanie z najlepszą kolekcją bezpłatnych widżetów dla Elementora, dzięki którym projekt Twojej strony internetowej stanie się bliższy. Podobnie jak inne dodatki do Elementora, Happy Addons nie różnią się od siebie, ponieważ są wyposażone w potężne widżety.

Dodajmy na pierwszy plan, z następującymi kluczowymi funkcjami.

  • Zaprogramowane
  • Efekt pływający
  • Transformacja CSS
  • Kopiuj i wklej w wielu domenach
  • Kopia na żywo
  • Zagnieżdżanie sekcji
  • Nakładka w tle
  • Szczęśliwy klon
  • I więcej

Te ważne funkcje otrzymasz dzięki Happy Addons. Używając ich, możesz z łatwością wzmocnić Elementora.

Obejrzyj następujący film o Happy Addons:

https://www.youtube.com/watch?v=XpWm7zdvUoM

Jak stworzyć profesjonalną stronę internetową za pomocą Happy Addons

Profesjonalne strony internetowe mają bardzo wysoką konwersję. Dlatego powinieneś bardzo starannie zaprojektować swoją profesjonalną stronę internetową. W przeciwnym razie istnieje duża szansa na utratę potencjalnych klientów, zwiększenie współczynnika odrzuceń, a także wpłynięcie na współczynnik rankingowy. Powodem jest to, że Twoi klienci chcą od Ciebie czegoś innego i wyjątkowego. I właśnie dlatego powinieneś położyć nacisk na wygląd swojej strony.

W każdym razie, teraz pokażemy, jak krok po kroku zbudować profesjonalną stronę internetową za pomocą Happy Addons. Ale zanim przejdziesz do samouczka, poznaj wymagania potrzebne do tego samouczka:

Wymagania

  • WordPress
  • Elementor
  • Szczęśliwe dodatki

Upewnij się, że masz te wymagania.

Krok 1: Dodaj nową stronę

To jest najczęstszy krok. Ponieważ dodanie strony internetowej jest bardzo łatwym zadaniem i możesz to zrobić w sekundę. Jednak pokażemy, jak możesz to dodać.

Aby to zrobić, przejdź do WP Admin> Pulpit nawigacyjny> Strony> Dodaj nową stronę> Tytuł> Kliknij edytuj za pomocą elementor canvas> Opublikuj

Professional websites

Krok 2: Dodaj nagłówek lub stopkę

Najważniejszy jest nagłówek lub stopka witryny. Na przykład możesz zaprezentować swoje ikony społecznościowe, podać wartościowe linki lub opcję logowania i rejestracji, aby ułatwić nawigację. W tym samym duchu możesz zrobić to samo dla części stopki. Dlatego powinieneś wiedzieć, jak stworzyć nagłówek dla witryny WordPress.

Krok 3: Dodawanie szablonów lub motywów

Po dodaniu opcji nagłówka możesz krok po kroku dostosować resztę części lub bezpośrednio wstawić szablon. A potem możesz stopniowo dostosowywać.

Aby to zrobić, kliknij przycisk „Folder Like”. Następnie zobaczysz bibliotekę „Elementor”, w której możesz używać bloków, szablonów i oddzielnych stron. Stąd możesz wybrać każdego.

Professional Website Design

W takim przypadku wybraliśmy zaznaczony. Ale musisz się zastanowić, jakiego rodzaju szablonu chcesz. Skoro mówimy o profesjonalnej stronie internetowej, powinieneś wybrać coś, co nawiązuje do profesjonalizmu.

Wybraliśmy jednak „Profesjonalny szablon agencji”. Ale w twoim przypadku wybierasz kogokolwiek stąd.

Professional Website Design

Krok 4: Dostosowywanie szablonu i używanie widżetów Happy Addons

Więc po wybraniu szablonu pojawi się on bezpośrednio na ekranie. I możesz łatwo dostosować stronę.

Professional websites

Teraz możesz edytować lub dostosowywać każdą sekcję za pomocą widżetów Happy Addons. Lub jeśli chcesz zrobić więcej z szczęśliwymi dodatkami, musisz uaktualnić do wersji premium.

Zainstaluj teraz Happy Addons Pro

Tutaj pokażemy, jak dostosować każdą sekcję, aby nadać swojej witrynie profesjonalny wygląd.

Krok 5: Dodawanie przycisku Wiget z szczęśliwymi dodatkami

Zmienimy ten zielony przycisk na „Happy Addons Dual Button Widget”. Możesz pobrać ten widżet w wersji darmowej.

Professional Website Design

Wszystko, co musisz zrobić, to po prostu wybrać widżet z lewego paska bocznego i przeciągnąć go do wybranego obszaru.

Professional Website Examples

A potem po prostu dostosuj go zgodnie ze swoim projektem. Tutaj dostaniesz 'Preset' i 'Dual Buttons'. Dowiedz się więcej o tym, jak działają ustawienia wstępne i jak z nich korzystać.

Professional websites

Krok 6: Dodanie „widżetu licznika”

Wyszukaj „Licznik Widget” w galerii widżetów. Następnie po prostu przeciągnij go do zaznaczonego obszaru, tak jak w poprzednim procesie. Tak więc po edycji „Licznika Widgetu” otrzymasz widok podobny do następującego:

Portfolio website

Krok 7: Dodawanie widżetu Google Map

Ten widżet jest profesjonalną funkcją Happy Addons. Więc po uaktualnieniu do Happy Addons pro, otrzymasz ten widżet do użycia. Przeciągnij ten widżet do żądanego obszaru, tak jak w poprzednim procesie. A następnie dostosuj go. Następnie możesz dodać wideo. Aby to zrobić, musisz wybrać widżet wideo i po prostu przeciągnąć go w wybrane miejsce.

Adding Google Map

Krok 8: Dodawanie referencji

„Widżet referencji” jest również profesjonalną funkcją Happy Addons. Możesz dodać ten widżet w taki sam sposób, jak dodałeś inne widżety. Po dodaniu widżetu otrzymasz możliwość edycji.

Landing page builder

Krok 9: Korzystanie z funkcji kopiowania na żywo

To najbardziej unikalna cecha Happy Addons. Ponieważ możesz korzystać z tej funkcji tylko kopiując demo i wklejając je na swoje płótno. Ułatwi to wybór widżetu jeden po drugim. Dobra, obejrzyjmy to.

Pobierz na żywo Kopiuj Wklej teraz

Krok 10: Dodawanie formularza kontaktowego

Kolejną ważną rzeczą jest posiadanie formularza kontaktowego na stronie. Więc możesz to z łatwością dodać. Wszystko, co musisz zrobić, to przejść do „Formularza kontaktowego Happy Addons”, a następnie wybrać żądany formularz. W tym przypadku wybraliśmy „weForms”.

Po dodaniu weForms jako formularza kontaktowego będziesz mógł go dostosować.

Professional Website Design

Obejrzyj film, aby dowiedzieć się, jak korzystać z „Formularza kontaktowego”.

Krok 11: Dodawanie stopki

Dodanie stopki jest również łatwym krokiem. Możesz znaleźć różne opcje dodawania stopki. Ale na przykład wykorzystaliśmy „Widżet funkcji” Happy Addons.

Po jego wykorzystaniu uzyskasz wszystkie opcje do dostosowania.

Professional Website Design

Więc po wykonaniu wszystkich kroków zobacz poniższy zrzut ekranu

Podgląd na żywo

Final Preview

Zawijanie

W ten sposób tworzenie własnych profesjonalnych stron internetowych jest łatwiejsze niż mogłoby się wydawać. W rzeczywistości możliwości Elementora w towarzystwie Happy Addons są nieograniczone.

Co więcej, regularne aktualizacje sprawią, że Twoje projekty będą całkowicie wolne od błędów.

Wreszcie, jeśli już zaprojektowałeś swoje strony internetowe za pomocą Elementora i Happy Addons, nie wahaj się udostępnić poniższego linku.

Chwyć teraz szczęśliwe dodatki