ProductX WooCommerce Builder dla sklepów internetowych

Popularność wtyczki WooCommerce do tworzenia sklepów internetowych stale rośnie. Ekosystem WooCommerce jest bardzo popularny i jest obecnie pierwszym wyborem do tworzenia sklepów eCommerce. Obecnie większość właścicieli małych firm tworzy swój sklep internetowy w WooCommerce. Z tego powodu trudno jest stworzyć stronę wyróżniającą się na tle innych sklepów.

Mało tego, WooCommerce brakuje wielu podstawowych funkcji, które są wymagane w sklepie internetowym idola. Jeśli chcesz przezwyciężyć tę sytuację, możesz spróbować użyć wtyczki do tworzenia WooCommerce. Pozwala na tworzenie różnego rodzaju niezbędnych szablonów stron ze wszystkimi wymaganymi funkcjami i zmienianie ich na domyślne. Na tym blogu omówię jednego z najbardziej obiecujących kreatorów WooCommerce, który oferuje wszystkie niezbędne funkcje bez opuszczania ekosystemu Gutenberga.

Przedstawiamy ProductX: Gutenberg WooCommerce Builder

ProductX to oparte na Gutenbergu rozwiązanie typu „wszystko w jednym” do rozszerzania funkcjonalności wtyczki WooCommerce do tworzenia sklepów internetowych idolów. Oferuje wiele bloków produktów, podstawowe funkcje i różne dodatki.

WooCommerce Builder to jeden z potężnych dodatków do ProductX. Pomaga dynamicznie tworzyć szablony dla wielu stron i zastępować istniejące szablony WooCommerce.

Główną atrakcją dodatku Builder do ProductX jest to, że działa on jako edytor Gutenberga. Dzięki temu ma pełne możliwości dynamicznego budowania bez żadnej redundancji.

Co możemy zrobić z ProductX WooCommerce Builder?

Ponieważ omówiłem już dodatek Gutenberg WooCommerce Builder do ProductX, czas omówić, co możemy z nim zrobić. Jeśli znasz którąkolwiek z popularnych wtyczek do budowania, łatwiej będzie ci to zrozumieć.

Podobnie jak każdy inny kreator, pomaga tworzyć i dostosowywać szablony dla większości podstawowych stron sklepów WooCommerce. To obejmuje:

• Strona sklepu
• Archiwum produktów
• Kategorie produktów
• Strona koszyka
• Strony pojedynczych produktów i wiele więcej

Po utworzeniu szablonów dla ww. stron, domyślne szablony Twoich istniejących stron zostaną zastąpione nowymi.

Jak korzystać z kreatora WooCommerce ProductX

Oczywiście samo posiadanie rozwiązania nie czyni go najlepszym wyborem. Oczywiste rozwiązanie musi również zapewniać dobre wrażenia użytkownika. Większość użytkowników WordPressa chce, aby każde rozwiązanie było proste i łatwe w użyciu. Sprawdźmy więc, jak działa WooCommerce Builder of ProductX.

Jak powiedziałem wcześniej w tym poście na blogu, WooCommerce Builder jest dodatkiem do ProductX. Aby z niego skorzystać, musimy go włączyć po odpowiednim zainstalowaniu i aktywowaniu wtyczki ProductX. Oto jak:

• Z pulpitu WordPress przejdź do sekcji ProductX
• Teraz kliknij sekcję dodatków w ProductX
• Włącz kreatora ze wszystkich dostępnych dodatków

Po włączeniu dodatku Builder możesz tworzyć nieograniczone szablony i zastępować je domyślnymi szablonami WordPress.

Zobaczmy, jak możemy stworzyć szablon, aby ułatwić Ci zrozumienie, jak to działa. Musisz więc wykonać poniższe kroki, aby utworzyć szablon:

• Przejdź do sekcji Konstruktor
• Kliknij przycisk „Dodaj nowy”
• Dodaj nazwę szablonu
• Wybierz typ szablonu
• Wybierz warunki, jeśli są wymagane
• Kliknij przycisk „Utwórz szablon”

Z opcji wyboru typu musisz wybrać stronę, dla której chcesz utworzyć szablon. A następnie wybierz warunek zgodnie z własnymi wymaganiami.

Stwórz i dostosuj własną stronę sklepu za pomocą WooCommerce Builder

Zobaczmy teraz, jak od podstaw stworzyć niestandardowy szablon strony sklepu. Przede wszystkim podczas tworzenia szablonu wybierz Sklep jako typ. Nie musisz wybierać warunków, ponieważ sklep WooCommerce ma tylko jeden szablon.

Po wybraniu typu kliknij przycisk „Utwórz szablon”, a Twój szablon będzie gotowy. Jednak szablon jest pusty i musisz go dostosować od podstaw.

Dostosowując szablon strony sklepu, od Ciebie zależy, co i jak chcesz go wyświetlić. Nie martw się; ProductX ma wszystkie opcje, aby stworzyć idealną stronę sklepu. Jak wiesz, idealna strona sklepu musi zawierać produkty z filtrowaniem sklepów, aby kupujący mogli łatwo znaleźć pożądane produkty.

Zobaczmy teraz, jak możesz dodawać produkty i opcje filtrowania do strony sklepu. Na przykład będę wyświetlał produkty po prawej stronie, a opcje filtrowania po lewej. Możesz jednak zrobić też odwrotnie.

Aby poprawnie wyświetlać produkty i opcje filtrowania obok siebie, musisz użyć bloku kolumn Gutenberg. Więc dodaję kolumnę o proporcji 70/30.

Następnie możemy dodać blok filtra produktów po lewej stronie i wszelkie dostępne bloki produktów po prawej stronie. Na przykład dodaję blok Product Grid 1.

Teraz musimy połączyć blok produktu z blokami filtrującymi. W tym celu kliknij opcję wyboru siatki i wybierz siatkę produktu, którą dodałeś do strony sklepu.

Nie martw się, jeśli nie podoba Ci się domyślna siatka produktów i bloki filtrów, ponieważ ProductX ma pełną opcję dostosowywania wszystkich bloków.

Wreszcie, możesz również wybrać jeden z dwóch rodzajów paginacji, załadować więcej i numeryczny, jeśli chcesz paginować stronę swojego sklepu.

Po dostosowaniu możesz opublikować szablon strony sklepu i sprawdzić, jak wygląda dla kupujących.

Utwórz i dostosuj szablon strony kategorii za pomocą WooCommerce Builder

Teraz, gdy wiesz, że nauczyłeś się tworzyć niestandardowy szablon strony sklepu. Czas dowiedzieć się, jak zrobić to samo z szablonem strony kategorii. Łatwiej więc będzie Ci poprawnie zrozumieć, jak działa kreator ProductX.

Wybierz archiwum jako typ szablonu, a następnie wybierz warunek „wszystkie kategorie produktów”, ponieważ chcesz utworzyć szablon dla wszystkich kategorii. Dostępna jest jednak również opcja wyboru określonej kategorii produktów, jeśli chcesz utworzyć osobne szablony dla określonych kategorii.

Teraz kliknij i zacznij edytować szablon. Następnie możesz zacząć dostosowywać go tak, jak szablon strony sklepu.

Najpierw musisz dodać blok tytułowy archiwum, który będzie wyświetlał nazwę tytułu kategorii. Po dodaniu bloku zmieniasz rozmiar, kolor i typografię.

Następnie możesz dodać żądane bloki produktów do szablonu. Następnie produkty będą dynamicznie wyświetlane zgodnie z ich odpowiednimi kategoriami.

Gdy jesteś zadowolony z szablonu, opublikuj go i zobacz, jak wyglądają kategorie produktów po wdrożeniu szablonu.

Wniosek

To wszystko o Gutenberg WooCommerce Builder produktu ProductX. Jednak możliwości budowniczego na tym się nie kończą. Możesz także tworzyć i dostosowywać szablony stron pojedynczego produktu WooCommerce. Teraz, gdy masz przegląd najbardziej obiecującego kreatora Gutenberg dla WooCommerce, możesz z łatwością rozpocząć przeprojektowanie swojego sklepu WooCommerce.