Wtyczka JetWooBuilder For Elementor - 2.3.3

JetWooBuilder For Elementor to wtyczka Crocoblock, która zamienia edytor Elementor w wizualny builder szablonów sklepu WooCommerce – karty produktu, sklepu, koszyka, kasy, podziękowania i panelu „Moje konto”, bez linijki kodu. W zestawie 67 widgetów Woo i page builder działający na darmowym Elementorze, więc Elementor Pro odpada.

Funkcje i możliwości JetWooBuilder For Elementor

JetWooBuilder For Elementor dostarcza 67 widgetów WooCommerce oraz wbudowany page builder, którymi projektuje się wszystkie szablony sklepu: kartę pojedynczego produktu, stronę sklepu i archiwa, koszyk, kasę, stronę podziękowania i panel „Moje konto”. Każdy element układa się wizualnie – od galerii produktu po wielokrokowy checkout, bez dotykania kodu.

Widgety grupują się według obszaru sklepu, który obsługują: global (Categories Grid, Products Grid, Products List, Taxonomy Tiles), single product, archive card, strona Shop, koszyk i kasa, strona podziękowania oraz „Moje konto”. Szablony tworzy się i odnajduje w sekcji Crocoblock > Woo Page Builder.

Karta pojedynczego produktu i galeria

Szablon single product powstaje od zera z dedykowanych widgetów: Single Title, Single Price, Single Add to Cart, Single Images, Single Meta, Single Tabs, Single Related Products i kolejnych. Wtyczka wyprowadza pełne dane produktu – cenę regularną i promocyjną, status magazynowy, meta oraz taby.

• Galeria zdjęć produktu – obrazek wyróżniający oraz wybór jednego z trzech układów galerii dla pozostałych zdjęć.
• Powiązane produkty – sekcje related, featured, recent oraz cross-sell, z filtrowaniem po kategorii czy tagu.
• Formularz opinii i rating – widget „Leave a Review” oraz konfigurowalna ocena gwiazdkowa na karcie produktu.
• Single Sale Badge i Single Sharing – badge promocyjny oraz przyciski udostępniania osadzone w układzie karty.

Strona sklepu, Product Loop i przełącznik układów

Stronę Shop projektuje się responsywnie układami Product List i Product Grid. Do tego dochodzą Category Grid z dziesięcioma presetami oraz Taxonomy Tiles do przeglądania po kategoriach. Autorski widget Product Loop pozwala zaprojektować własny szablon pojedynczego kafelka produktu i zapętlić go na liście, a przełącznik układów zmienia widok z listy na siatkę i z powrotem.

Widget Products Grid daje przycinanie opisów i tytułów, tooltips, zawijanie bloków oraz pokazywanie i ukrywanie statusu magazynowego – ustawień, których odpowiedni widget w Elementor Pro nie udostępnia. Dochodzą do tego efekty hover dla miniatur, paginacja, licznik wyników i sortowanie po wielu kryteriach.

Koszyk, kasa, „Dziękujemy” i panel „Moje konto”

Cała ścieżka zakupowa ma własne szablony. Custom Checkout pozwala wybrać układ wielokrokowy (multi-step) lub jednostronicowy (one-page), dostosować sekcję order review i osadzić formularz kuponu. Strona Cart umożliwia stylowanie każdego elementu koszyka, dodanie propozycji up-sell, edycję komunikatu pustego koszyka oraz przycisku „Return to Shop”.

Panel „Moje konto” obejmuje dashboard, menu użytkownika, formularze logowania i rejestracji, listę zamówień bieżących i zrealizowanych oraz sekcję plików do pobrania. Uwaga: szablony z endpointami „Moje konto” wymagają wbudowanego buildera JetWooBuilder – części tych widgetów nie ma w szablonach Elementor Pro.

Czy JetWooBuilder wymaga Elementor Pro

JetWooBuilder For Elementor nie wymaga Elementor Pro – wbudowany page builder działa na darmowej wersji Elementora i obsługuje wszystkie szablony sklepu. WooCommerce Builder w Elementor Pro dostarcza 24 widgety Woo i nie obejmuje części szablonów. JetWooBuilder daje 67 widgetów i pokrywa pełen zestaw stron WooCommerce.

Wbudowany builder na darmowym Elementorze

Wbudowany page builder korzysta z interfejsu Elementora, ale do uruchomienia wystarczy darmowa wersja edytora. Szablony stron sklepu powstają w sekcji Crocoblock > Woo Page Builder, a widgety JetWooBuilder działają też wewnątrz JetThemeCore – buildera szablonów Crocoblock.

Taki układ liczy się dla sklepów, które nie potrzebują Elementor Pro do reszty witryny, a chcą pełnej kontroli nad stronami WooCommerce. Wymóg Pro dotyczy wyłącznie funkcji ogólnych edytora, nie szablonów sklepu budowanych tą wtyczką.

JetWooBuilder a WooCommerce Builder w Elementor Pro

Oba narzędzia projektują strony WooCommerce, ale różnią się zakresem. WooCommerce Builder w Elementor Pro operuje siatką archiwum jako całością i obejmuje 24 widgety Woo. JetWooBuilder pozwala projektować pojedynczy kafelek produktu i zapętlać go na stronie Shop, daje 67 widgetów oraz szablony, których Elementor Pro nie buduje – łącznie z pełnym panelem „Moje konto”.

Typowe wdrożenia JetWooBuilder For Elementor

JetWooBuilder For Elementor sprawdza się tam, gdzie domyślne szablony WooCommerce wyglądają generycznie i krępują branding: przy projektowaniu wyróżniającej się karty produktu, listingu z przełącznikiem lista–siatka i filtrami, spójnej wizualnie ścieżki koszyk–kasa–podziękowanie oraz spersonalizowanego panelu „Moje konto” dla sklepów z produktami cyfrowymi.

Niestandardowa karta produktu i sklep z dużym katalogiem

W sklepie odzieżowym lub lifestyle układ karty produktu buduje wrażenie marki. Wbudowanym builderem projektuje się single product z wybranym układem galerii, badge promocyjnym, tabami oraz sekcją powiązanych produktów. Domyślny szablon WooCommerce jest tu sztywny i wygląda jednakowo w każdym sklepie.

Przy dużym katalogu – księgarni czy sklepie z elektroniką – stronę Shop składa się z widgetu Product Loop i przełącznika lista–siatka, a filtrowanie dokłada JetSmartFilters. Dla nietypowych kolekcji własne zapytania produktowe buduje się w JetEngine, co wzorcowo pokazuje demo „Only Books” Crocoblock.

Spójny checkout, koszyk i panel klienta

Marka premium, której surowy domyślny checkout WooCommerce psuje wrażenie, dopasowuje koszyk, kasę i stronę podziękowania do własnego systemu projektowego. Custom Cart, multi-step lub one-page Checkout oraz Thank You page z detalami zamówienia układają całą ścieżkę zgodnie z designem sklepu.

Sklep z produktami cyfrowymi lub kontami klientów projektuje przejrzysty panel „Moje konto” z dashboardem, menu, listą zamówień i sekcją plików do pobrania. Listing produktów da się też uzupełnić o szybki podgląd: wąski szablon single product łączy się z JetPopup i podpina pod przycisk Quick View, więc podgląd otwiera się bez przeładowania strony.

Integracje JetWooBuilder z ekosystemem Crocoblock i WooCommerce

JetWooBuilder For Elementor integruje się natywnie z resztą ekosystemu Crocoblock – JetSmartFilters dokłada AJAX-owe filtry do siatek produktów, JetEngine buduje własne zapytania produktowe, a JetCompareWishlist osadza porównywarkę i listę życzeń w kafelkach. Szablony sklepu tłumaczy się przez WPML i Polylang, a warianty wzbogacają swatche z Variation Swatches for WooCommerce.

Filtry, wishlisty i własne zapytania (JetSmartFilters, JetEngine, JetCompareWishlist)

JetSmartFilters nakłada filtry AJAX po kategoriach, cenie, ocenach i polach własnych na Products Grid oraz Product Loop. JetEngine dokłada własne zapytania produktowe (WC Product Query) i dynamiczne kolekcje – przydatne przy rozbudowanych projektach e-commerce. JetCompareWishlist osadza widgety porównywarki i listy życzeń bezpośrednio w kafelkach archiwum.

• JetThemeCore – builder szablonów nagłówków i stopek, który uzupełnia JetWooBuilder o obszary spoza „body” stron sklepu.
• JetPopup – pop-upy quick view i quick purchase z dedykowanym togglem „JetWooBuilder Quick Preview”.
• JetProductGallery – alternatywne układy galerii produktu: gallery, slider i carousel.
• Variation Swatches for WooCommerce – swatche wariantów dodawane do widgetów Products Grid i Products List.

Wielojęzyczność szablonów (WPML, Polylang)

Szablony stron WooCommerce zbudowane JetWooBuilderem tłumaczy się przez WPML, dla którego Crocoblock udostępnia oficjalną instrukcję. Polylang również jest wspierany, z osobnym poradnikiem w bazie wiedzy producenta. Tłumaczenie obejmuje treść szablonów stron sklepu, więc wielojęzyczny katalog działa na jednym zestawie układów.

Kiedy warto wybrać JetWooBuilder

JetWooBuilder For Elementor sprawdza się najlepiej u właścicieli sklepów WooCommerce budujących na Elementorze, którzy chcą pełnej kontroli nad układem stron sklepu bez kodu, oraz u agencji i freelancerów składających sklepy klientom. Wtyczka działa wyłącznie z Elementorem – przy Gutenbergu czy Bricks nie ma zastosowania.

Sklepy WooCommerce, agencje i użytkownicy darmowego Elementora

Dla kogo JetWooBuilder sprawdza się najlepiej:

• właściciele sklepów WooCommerce na Elementorze, którzy chcą wyjść poza domyślne, sztywne szablony,
• użytkownicy darmowego Elementora, którzy nie chcą kupować Pro tylko po to, by edytować strony sklepu,
• agencje i freelancerzy budujący powtarzalne wdrożenia e-commerce dla klientów,
• twórcy potrzebujący pełnej kontroli nad pojedynczym kafelkiem produktu w pętli archiwum,
• sklepy korzystające już z innych JetPlugins – JetSmartFilters, JetEngine, JetCompareWishlist.

Dla kogo JetWooBuilder nie jest najlepszym wyborem

Wtyczka ma jasno zakreślony zakres i w kilku przypadkach lepiej sprawdzą się inne rozwiązania.

Dla kogo JetWooBuilder nie jest najlepszym wyborem:

• użytkownicy Gutenberga lub Bricks – JetWooBuilder działa tylko z Elementorem,
• sklepy, którym w pełni wystarcza zestaw widgetów i Theme Builder z Elementor Pro,
• szukający gotowych modułów sprzedażowych out-of-the-box – wishlist czy quick view wymagają dołożenia kolejnych JetPlugins,
• początkujący oczekujący prostego kreatora bez krzywej uczenia – logika szablonów wymaga zrozumienia.

Zakres działania: JetWooBuilder odpowiada wyłącznie za obszar „body” stron sklepu. Nie buduje nagłówków ani stopek tych stron i nie stylizuje domyślnych powiadomień WooCommerce – header i footer wymagają osobnego rozwiązania, na przykład JetThemeCore lub Theme Buildera motywu.

Wymagania techniczne i kompatybilność

JetWooBuilder For Elementor wymaga PHP 8.1 lub nowszego, MySQL 5.6+, limitu pamięci WordPress co najmniej 768 MB oraz aktywnego SSL, a do działania potrzebuje zainstalowanego WooCommerce i edytora Elementor (wystarczy darmowy). Wtyczka jest testowana na bieżąco z aktualnymi wersjami WordPress i WooCommerce, a producent rekomenduje motywy takie jak Kava, Hello, Astra, GeneratePress, Kadence i Blocksy.

Środowisko serwerowe (PHP, MySQL, pamięć, SSL)

Oficjalne wymagania Crocoblock obejmują nowoczesną wersję PHP, bazę MySQL oraz podniesiony limit pamięci. Domyślny limit pamięci PHP na skrypt to zwykle 128–256 MB, więc przy rozbudowanych sklepach lepiej podnieść go do rekomendowanych wartości.

Obsługiwane motywy i obszar „body” stron sklepu

Crocoblock oficjalnie testuje i rekomenduje JetWooBuilder z motywami Kava, Hello, OceanWP, Astra, Blocksy, GeneratePress, Kadence, Twenty Twenty-Five i Jupiter X. Niektóre motywy – na przykład Hello – wymagają wcześniejszego włączenia obsługi WooCommerce w Elementorze.

Wtyczka projektuje wyłącznie obszar „body” stron sklepu. Nagłówki i stopki tych stron buduje się osobno – w JetThemeCore lub w Theme Builderze motywu. Wsparcie multisite oraz zgodność z HPOS nie są wprost deklarowane w dokumentacji producenta.

Najczęściej zadawane pytania