Trendy zakupowe zmieniają się w szybkim tempie, a ludzie kupują online częściej niż kiedykolwiek.
Właśnie dlatego rośnie potrzeba sklepu eCommerce, aby zaspokoić nawyki związane z zakupami online, ponieważ ludzie uważają, że wygodniej jest kupować online niż wychodzić na zakupy.
Możesz także od razu uruchomić sklep e-commerce, korzystając z odpowiednich narzędzi i konfiguracji. Zauważysz drastyczny wzrost sprzedaży w rekordowym czasie.
Jeśli planujesz założyć sklep internetowy i szukasz eksperta WordPress, który wykona za Ciebie zadanie, powiem ci, że nie potrzebujesz.
Tak! Możesz to zrobić sam, ponieważ nie musisz być programistą WordPress ani ekspertem w dziedzinie kodowania i możesz to zrobić bez znajomości programowania za pomocą odpowiednich narzędzi i konfiguracji.
Wystarczy postępować zgodnie z samouczkiem krok po kroku dotyczącym tworzenia strony sklepu WooCommerce za pomocą narzędzia do tworzenia stron Elementor.
Wykopmy się głębiej, aby dojść do sedna!
- Czego potrzebujesz, aby utworzyć stronę produktu za pomocą Elementora?
- Jak zainstalować program budujący strony Elementor?
- Utwórz stronę produktu Elementor WooCommerce krok po kroku
- Mobile zoptymalizuje stronę produktu WooCommerce
- Cennik Elementor Pro
- Podsumowując
Czego potrzebujesz, aby utworzyć stronę produktu za pomocą Elementora?
plugin WooCommerce w swojej witrynie WordPress z repozytorium WordPress.org, a ponadto musisz zainstalować narzędzie do tworzenia stron Elementor . Bezpłatną wersję można pobrać z WordPress.org, jednak bezpłatna wersja ma ograniczone opcje dostosowywania. Dlatego jeśli chcesz uzyskać nieograniczone opcje dostosowywania, wybierz pro Elementor i pobierz go z oficjalnej strony Elementor.org.
Jak zainstalować program budujący strony Elementor?
- W przypadku bezpłatnej wersji Elementor:
Idź do Plugin > Dodaj nowe> wejdź do kreatora stron Elementor> kliknij zainstaluj i aktywuj.
- W przypadku Elementor Pro:
Kup wersję Pro z witryny Elementor.com, a następnie prześlij plik zip, a następnie kliknij przycisk Zainstaluj i aktywuj.
Utwórz stronę produktu Elementor WooCommerce krok po kroku
Standardowa strona produktu WooCommerce wygląda jak każda podstawowa strona produktu WooCommerce bez wyraźnego widoku.
Jeśli jednak chcesz dodać głos swojej marki, musisz go indywidualnie dostosować.
Krok 1: Przejdź do sekcji Szablon z menu Pulpitu nawigacyjnego i kliknij „Dodaj nowy”.
Teraz z menu rozwijanego wybierz pozycję „Pojedynczy produkt”
Najlepsze jest to, że Elementor zawiera gotowe szablony stron produktów, więc jeśli chcesz szybko zacząć, wybierz dowolną z opcji, które wyglądają najlepiej.
O wiele łatwiej jest utworzyć stronę produktu z gotowego szablonu niż tworzyć od zera. Dlatego zmodyfikuj dowolny istniejący szablon i oszczędzaj czas i wysiłek.
Ten szablon wybraliśmy dla naszej strony produktu.
Po wybraniu ulubionego szablonu zostaniesz poprowadzony do edytora Elementor, w którym możesz dostosować szablon według własnego gustu.
Tutaj możesz zobaczyć różne bloki w menu po lewej stronie. Przeciągnij i upuść blok, z którym chcesz pracować.
Kliknij przycisk „+” Dodaj i wybierz rozmiar kolumny, którą chcesz dodać.
Dla naszego szablonu produktu wybraliśmy dwa rozmiary kolumn.
Teraz dodaj widżet tytułu produktu w prawej kolumnie i dodaj na nim tytuł swojego produktu.
Po dodaniu tytułu produktu następnym krokiem jest dodanie „Woo bułki tartej” powyżej.
Teraz dodaj obraz produktu do lewej kolumny i przeciągnij i upuść widget obrazu produktu z lewej kolumny.
Możesz dodać dopełnienie do obu kolumn, aby nieznacznie się od siebie oddalić.
Po dodaniu obrazu i dostosowaniu wypełnienia zgodnie z wymaganymi wymiarami dodaj widget oceny produktu pod tytułem produktu.
Dodaj krótki opis widżetu produktu pod blokiem recenzji produktu. możesz także dostosować przestrzeń między dwoma blokami.
Gdy skończysz z opisem produktu i wszystkimi szczegółami, naszym następnym krokiem jest dodanie ceny produktu, w tym celu przeciągnij i upuść widget ceny pod opisem produktu.
Po dodaniu zakładki ceny pod opisem produktu możesz dostosować widżet cenowy wybierając opcje z menu po lewej stronie. Możesz powiększyć ikonę, zmienić styl czcionki, a także kolor czcionki z czarnego na inny wybrany kolor.
Teraz dodaj widżet „dodaj do koszyka” i jeśli chcesz, dostosuj jego kolor, czcionkę lub styl z menu.
Teraz dodaj meta produktu w widżecie cen, który pokaże kategorię produktu i numer seryjny produktu.
Krok 2: dodaj dodatkowe informacje o produkcie w następnej sekcji.
Utwórz nową sekcję z dwiema kolumnami, a następnie dodaj karty danych produktu, w tym opis, dodatkowe informacje i recenzje. A po prawej stronie kolumny dodaj pokrewną sekcję produktu.
Aby zachować ten sam format każdej kolumny, możesz kliknąć lewy róg każdej kolumny oraz skopiować i wkleić format kolumny dla każdej kolumny.
Krok 3: dodaj kolejną sekcję, aby dodać „sekcję sprzedaży dodatkowej”.
Oto jak będzie wyglądać sekcja sprzedaży po dodaniu. Dodaj padding, aby wyrównać sekcję.
I wreszcie, skończysz projektowanie strony produktu. Teraz ostatnim krokiem jest miejsce, w którym chcesz opublikować swój produkt? możesz kliknąć opcję publikowania lub przejść do sekcji oka w najbardziej dolnym rogu lewego menu i kliknąć ustawienia, aby wybrać kategorię produktu.
Kliknij menu Dodaj warunek, a następnie wybierz kategorię produktu i kliknij opublikuj.
Mobile zoptymalizuje stronę produktu WooCommerce
Ponieważ na smartfonach pojawi się duży ruch, będziesz musiał zoptymalizować swój sklep do oglądania na smartfonie, w przeciwnym razie możesz stracić sprzedaż.
Chociaż WooCommerce jest już zoptymalizowany pod kątem urządzeń mobilnych, ale aby się upewnić, że szablony stron produktu wyglądają absolutnie dobrze na ekranie telefonu komórkowego, postępuj zgodnie z procedurą.
W lewym dolnym rogu interfejsu Elementor znajdziesz opcję Tryb responsywny.
Po kliknięciu opcji responsywnej na urządzenia mobilne możesz przełączać się między opcjami wyświetlania na urządzeniach mobilnych, komputerach stacjonarnych i kartach.
Kliknij dowolną opcję, którą chcesz wyświetlić, i popraw projekt, jeśli znajdziesz jakieś komplikacje.
Teraz zapisz i kontynuuj publikowanie strony produktu.
Cennik Elementor Pro
Podstawowa wersja Elementora jest dostępna za darmo, podczas gdy wersja pro ma trzy licencje. Jeśli szukasz swojego osobistego bloga lub pojedynczej witryny, najbardziej odpowiednia jest licencja osobista, w której możesz uzyskać kreator WooCommerce wraz z ponad 90 widżetami pro.
Podczas gdy licencje plus i expert są odpowiednie dla dorosłych firm lub agencji z obsługą odpowiednio 3 witryn i 1000 witryn.
Podsumowując
Jedynym celem kreatora stron Elementor jest umożliwienie użytkownikom uwolnienia ich kreatywności bez polegania na kodowaniu. Elementor zawiera różnorodne widżety, które pozwalają tworzyć dowolne strony produktów w oparciu o atrakcyjne układy. Podstawowe elementy WooCommerce to ponad 10, które umożliwiają użytkownikom dostosowanie każdego załamania i krzywizny strony sklepu. A jeśli nie znajdziesz żądanego elementu w menu Elementora, nie martw się! Istnieje wiele innych zaawansowanych ustawień, które mogą ulepszyć Twój arsenał i dodać wiele elementów do Twojej biblioteki. Jednym z nich jest Essential Add-ons , które zawiera dedykowane elementy tylko dla WooCommerce.
