Zaprojektuj kategorie produktów WooCommerce za pomocą Elementora

Elementor to wyjątkowy narzędzie do tworzenia stron WordPress, które zwiększa funkcjonalność domyślnego narzędzia do tworzenia stron WordPress poprzez dodanie nowych funkcji.

Jeśli pamiętasz, wczesne wersje WordPressa nie były szczególnie przyjazne dla użytkownika. Oprócz ograniczonej funkcjonalności, konieczne było skorzystanie z gotowych motywów WordPress w celu stworzenia podstawowego projektu witryny. Jednak dla wielu użytkowników podstawowa funkcjonalność motywów WordPress była niewystarczająca, co wymagało instalacji plugin lub ręcznej edycji kodu motywu.

• Połączenie WooCommerce i Elementora
• Tworzenie strony kategorii w Elementorze
• Ustawienia układu

Elementor to kreator oparty na blokach, podobny do WordPressa, ale jest znacznie bardziej zaawansowany niż kreator WordPress, ponieważ jest bardziej intuicyjny, responsywny i bogaty w funkcje. Co najważniejsze, możesz stworzyć fantastyczną stronę internetową bez konieczności pisania linijki kodu!

Połączenie WooCommerce i Elementora

WP-WooCommerce i Elementor to dwie z najczęściej używanych obecnie dostępnych plugin WordPress. Elastyczność i ogrom funkcji, jakie oferuje każdy z nich, są po prostu bezcenne. Jeśli prowadzisz sklep eCommerce, WooCommerce jest najlepszą plugin , która zaspokoi niemal każdą potrzebę. Jest to najbardziej wszechstronna plugin dostępna dla praktycznie każdej potrzeby.

Ponadto Elementor jest jednym z najskuteczniejszych dostępnych na rynku narzędzi do tworzenia witryn internetowych typu „przeciągnij i upuść”. Daje możliwość szybkiego projektowania, dostosowywania i wyposażania niemal każdej strony w Twojej witrynie. Co więcej, dostępne są funkcje, takie jak tworzenie mega menu i dostęp do szerokiej gamy dodatków i szablonów, które są bardzo wygodne. Za pomocą WooCommerce i Elementora możesz projektować i budować strony sklepów i firm o profesjonalnej jakości przy możliwie najmniejszych kosztach i wysiłku. Za pomocą Elementora możesz całkowicie dostosować układ sklepu, siatki produktów i karuzele, a także wybierać spośród wielu pięknych układów. Dostępna jest również możliwość konfigurowania i personalizowania stron realizacji transakcji i koszyka, a także integrowania ich z różnymi opcjami i funkcjami płatności, aby zapewnić klientom większą wygodę.

Ponadto możesz między innymi tworzyć niestandardowe strony i projekty dla towarów cyfrowych, włączać niestandardowe opcje stron dotyczące wysyłki i płatności oraz stron postów i zakupów przed zakupem. Wszystko to składa się na to, że witryna Twojej firmy będzie wyglądać zarówno profesjonalnie, jak i przyjaznie dla użytkownika. Oprócz przyjaznych dla użytkownika przycisków wezwania do działania, suwaków obsługujących paralaksę i wielu innych funkcji, możesz zintegrować funkcjonalność WooCommerce ze swoją witryną. Sama liczba dostępnych możliwości jest praktycznie nieograniczona. Teraz, jeśli jesteś wystarczająco przekonany, pozwól nam przeprowadzić Cię przez proces wprowadzania planu w życie. Możesz zrobić wiele rzeczy, aby Twoja strona Sklepu była bardziej przyjazna, a celem tych kroków jest pomoc w stworzeniu bardziej przyjaznej strony Sklepu dla Twojego sklepu WooCommerce.

Tworzenie strony kategorii WooCommerce w Elementorze

Jeśli znasz WooCommerce, wiesz, że kategorie produktów mają kluczowe znaczenie w organizowaniu produktów w celu prawidłowego wyświetlania i dostępu dla klientów – im szybciej znajdą to, czego szukają, tym lepiej. Ale czym właściwie są kategorie produktów?

Klienci spędzają dużo czasu przeglądając Twoje produkty na stronie sklepu, więc muszą mieć pozytywne doświadczenia. Nie ma nic bardziej frustrującego niż konieczność poruszania się po dziesiątkach stron w celu obejrzenia produktów znajdujących się na stronie Twojego sklepu.

W rezultacie kategoryzacja jest niezbędna, aby zapewnić klientom lepsze doświadczenia zakupowe. Klientom łatwiej będzie sortować i filtrować swoje preferencje, jeśli dostępna będzie dobrze zaaranżowana i zorganizowana sekcja obejmująca wszelkiego rodzaju artykuły, takie jak odzież czy obuwie. Dodanie do tej sekcji elementów generujących leady, takich jak przyciski wezwania do działania, sekcje polecanych produktów, wyskakujące okienka z ofertami sprzedaży lub ofertami i inne podobne elementy, może sprawić, że będzie ona bardziej atrakcyjna dla odwiedzających.

Jeśli masz sklep WooCommerce i chcesz go odświeżyć, ten samouczek jest dokładnie tym, czego potrzebujesz, aby zacząć.

Wiele motywów WooCommerce zawiera domyślny układ kategorii produktów, który może, ale nie musi, najlepiej odpowiadać potrzebom Twojej firmy. Chociaż te ustawienia domyślne mogą obejmować kilka przydatnych funkcji, często nie można ich dostosować.

Przejdźmy do interesów.
Po skonfigurowaniu produktu przed publikacją wykonaj następujące czynności, aby pojawił się w kategorii:

Ustalisz warunki, które zadecydują o tym, gdzie na tym etapie pojawi się Twój szablon produktu. Gdy użyjesz szablonu, zostanie on automatycznie zastosowany do wszystkich stron produktów w Twojej witrynie. Możesz także zawęzić wyszukiwanie do konkretnej kategorii produktów.

Kliknij Publikuj, a Twój pojedynczy produkt będzie już dostępny do zakupu!

Jeszcze nie skończyliśmy.
To, co właśnie zrobiliśmy, nie wystarczy, aby kategorie pojawiły się w naszej witrynie; aby kategorie były widoczne na wszystkich lub niektórych stronach naszej witryny, musimy jeszcze skonfigurować kilka rzeczy. Aby wykonać zadanie, utwórz stronę katalogu produktów, która będzie miała wpływ na wszystkie produkty lub stronę katalogu, która będzie dotyczyć konkretnej kategorii produktów.
Aby to zrobić, najpierw wróć do Elementor > Moje szablony i utwórz szablon archiwum produktu. Następnie wybierz istniejący szablon lub utwórz nowy. Dostosuj wygląd widżetu Produkty archiwum i widżetu Tytuł archiwum, dodając je do swojej strony.

Użyj funkcji kopiowania stylu między stronami, aby dostosować go do projektu, który już utworzyłeś dla szablonu pojedynczego produktu, a następnie zapisz zmiany.
Wróć do strony produktu i wybierz opcję Kopiuj z menu rozwijanego. Kliknij prawym przyciskiem myszy opcję Wklej styl, gdy wrócisz do produktu archiwalnego. Wybierz opcję Najnowsze produkty z menu rozwijanego Zapytanie > Źródła w ustawieniach Archiwizuj produkty.
Następnie wybierz pierścionki z menu rozwijanego Kategoria produktu. W ten sposób zostanie wyświetlona tylko kategoria dzwonka. Jeśli masz długą listę produktów w danej kategorii, warto włączyć paginację.
Możesz dostosować odległość między kolumnami i wierszami, wybierając kartę stylu. Zmień kolory, czcionki i inne aspekty projektu.

Przed publikacją wybierz warunki określające, gdzie pojawi się archiwum, tak jak to zrobiłeś w przypadku szablonu pojedynczego produktu, a następnie opublikuj.

Po kliknięciu „publikuj” Twoja strona archiwum będzie aktywna.

Elementor pro umożliwia projektowanie przejrzystych kategorii produktów dzięki szerokiej gamie opcji;

Korzystając z opcji dostępnych w Elementorze Pro, możesz wykonać następujące czynności:

Ustawienia układu kategorii produktów WooCommerce

• Kolumny: ustaw dokładną liczbę wyświetlanych kolumn (od 1 do 12).
• Liczba kategorii: Wybierz liczbę kategorii do wyświetlenia

Ustawienia zapytania

• Źródło: wybierz źródło, z którego mają być wyświetlane kategorie, wybierając opcję Wszystkie, Wybór ręczny, Według elementu nadrzędnego lub Bieżące podkategorie. Jeśli wybrano opcję Wybór ręczny, ręcznie wybierz kategorie do wyświetlenia. Jeśli wybrano opcję „Przez rodzica”, wybierz opcję Tylko najwyższy poziom lub wybierz pojedynczą kategorię z listy rozwijanej.
• Ukryj puste: ustaw opcję Tak dla kategorii niezawierających produktów
• Order By: Ustaw kolejność wyświetlania kategorii. Opcje obejmują nazwę, ślimak, opis lub liczbę
• Kolejność: Wybierz, aby wyświetlać kategorie w kolejności ASC lub DESC (rosnąco lub malejąco).

Ustawienia stylu

• Odstęp kolumn: Ustaw dokładny odstęp między kolumnami
• Rows Gap: Ustaw dokładny odstęp między rzędami
• Wyrównanie: Wyrównaj dane produktów do lewej, prawej lub do środka

Ustawienia obrazu

• Typ obramowania: Wybierz typ obramowania, wybierając brak, pełne, podwójne, kropkowane, przerywane lub rowkowane
• Promień obramowania: Ustaw promień, aby kontrolować zaokrąglenie narożników obramowania
• Odstępy: dostosuj ilość miejsca między obrazami i ich danymi

Ustawienia tytułu

• Kolor: wybierz kolor tytułu
• Typografia: ustaw opcje typografii dla tekstu tytułu

Ustawienia licznika

• Kolor: Wybierz kolor licznika
• Typografia: Ustaw opcje typografii dla hrabiego

Wniosek

Kreator WooCommerce w Elementorze zapewnia elastyczność projektowania potrzebną do tworzenia i dostrajania wizualnie stron produktów. Czas potrzebny na przejście od pomysłu do realizacji , i całkowicie Funkcjonalność sklepu internetowego WooCommerce jest znacznie zmniejszona, co pozwala zaoszczędzić czas. Ogólnie rzecz biorąc, dostosowywanie strony sklepu WooCommerce za pomocą Elementora może znacząco wpłynąć na ogólną wydajność Twojej witryny. Możesz pomóc lub przeszkodzić w sprzedaży, organizując i prezentując swoje produkty w najlepszy możliwy sposób, aby klienci mogli je zobaczyć i kupić. Konfiguracja i dostosowywanie strony sklepu WooCommerce w Elementorze zostaną zademonstrowane w krokach opisanych w tym przewodniku. Należy jednak pamiętać, że to dopiero wierzchołek góry lodowej, jeśli chodzi o skalę problemu. W tej podstawowej demonstracji zademonstrowano wprowadzenie do korzystania z Elementora w celu stworzenia idealnej strony sklepu dla Twojego sklepu. Użyj tego jako punktu wyjścia i baw się nim, aby w pełni wykorzystać możliwości tego fantastycznego narzędzia do tworzenia stron