Czym są bloki WooCommerce? Jak je efektywnie wykorzystać w 2023 roku

Na udany sklep eCommerce składa się wiele elementów, od katalogów produktów i recenzji klientów po przyjazne dla użytkownika funkcje wyszukiwania i filtrowania. Podczas gdy bloki WooCommerce umożliwiają dodanie wszystkich tych funkcji (i więcej), połączenie tych elementów może wydawać się zniechęcające.

Na szczęście bloki WooCommerce zostały zaprojektowane tak, aby pomóc użytkownikom WordPress w łatwym tworzeniu sklepów internetowych. Co więcej, umożliwiają skuteczniejsze promowanie produktów i zwiększanie sprzedaży, a wszystko to bez używania skrótów WooCommerce, jak to było konieczne w przeszłości.

W tym poście przyjrzymy się bliżej blokom WooCommerce i sposobom uzyskiwania do nich dostępu w WordPress. Następnie przeanalizujemy sześć bloków, które możesz dodać do swojego sklepu, aby zwiększyć współczynnik konwersji. Zacznijmy!

Czym są bloki WooCommerce? Krótkie wprowadzenie

WooCommerce to jedno z najpopularniejszych narzędzi eCommerce dla WordPress. Ta bezpłatna platforma typu open source umożliwia zbudowanie sklepu internetowego bez inwestowania w niego dużej ilości czasu i pieniędzy.

Ponadto WooCommerce zawiera szeroką gamę bloków, do których można uzyskać dostęp w natywnym edytorze bloków WordPress (AKA Gutenberg). Za pomocą tych bloków możesz wymienić niektóre lub wszystkie swoje produkty, wyświetlić filtry produktów, dodać pole wyszukiwania produktów i nie tylko.

Co więcej, te bloki zastępują wiele skrótów WooCommerce, których musiałeś używać w przeszłości, co zapewnia prostsze, bardziej wizualne wrażenia podczas pracy w edytorze.

Możesz używać tych bloków WooCommerce w taki sam sposób, jak każdy inny blok.

Otwórz stronę lub post, nad którym chcesz pracować, kliknij znak plus (+) i wyszukaj żądany blok:

Możesz także wyświetlić pełną listę dostępnych bloków WooCommerce, klikając przycisk plus (+) w lewym górnym rogu ekranu. Pod Bloki przewiń w dół do WooCommerce Sekcja:

Pamiętaj, że aby uzyskać dostęp do blokad WooCommerce, musisz najpierw zainstalować i aktywować WooCommerce na swojej stronie. Ponadto, jeśli nadal używasz Edytora klasycznego, musisz zamiast tego przełączyć się na Edytor bloków.

Najlepsze bloki WooCommerce (i jak z nich korzystać)

Po zainstalowaniu WooCommerce i przesłaniu produktów możesz zacząć dodawać nowe funkcje i funkcje do swojego sklepu. Przyjrzyjmy się sześciu przydatnym blokom WooCommerce i sposobom ich efektywnego wykorzystania w witrynie WordPress.

1. The Wszystkie produkty blok
2. The Najwyżej oceniane produkty blok
3. The Filtruj produkty według ceny blok
4. The Wyszukiwarka produktów blok
5. The Wszystkie recenzje blok
6. The Opisywany produkt blok

1 Wszystkie produkty blok

The Wszystkie produkty bryła to jeden z najistotniejszych elementów każdego sklepu. Pozwala wyświetlić wszystkie produkty w zgrabnej siatce:

Domyślnie blok wyświetla nazwę, cenę i liczbę gwiazdek dla każdego produktu, a także przycisk wezwania do działania (CTA). Jest również wyposażony w opcje paginacji i sortowania, ułatwiające użytkownikom przeglądanie katalogu produktów.

Podobnie jak w przypadku większości bloków WooCommerce, możesz dostosować Wszystkie produkty funkcję dostosowaną do Twoich potrzeb. Jeśli klikniesz na blok, zobaczysz wybór ustawień w panelu po prawej stronie:

Tam możesz edytować układ swojej siatki. Na przykład możesz zmienić liczbę wierszy i kolumn na stronie. Masz również możliwość ukrycia menu sortowania lub wybrania innej domyślnej opcji zamawiania produktów.

Ponadto możesz edytować elementy w siatce. Aby to zrobić, zaznacz blok i kliknij ikonę ołówka na pasku narzędzi:

W ramach podglądu możesz edytować poszczególne elementy, takie jak zdjęcie, nazwa produktu i przycisk CTA:

Możesz zmienić kolejność tych elementów, używając strzałek w górę i w dół na ich poszczególnych paskach narzędzi. Możesz także usuwać elementy lub dodawać inne bloki produktów, takie jak Podsumowanie produktu lub Ocena produktu. Co więcej, te zmiany zostaną zastosowane do każdego produktu w Twojej siatce, więc nie musisz edytować każdego z nich osobno.

Zalecamy ograniczenie szczegółów produktu do minimum, aby uniknąć przytłoczenia kupujących zbyt dużą ilością informacji. Z tego samego powodu możesz chcieć wyświetlić tylko kilka elementów na stronie.

Najlepiej jest również dołączyć Dodaj do koszyka przycisk. W ten sposób użytkownicy zainteresowani danym produktem mogą łatwo dodać go do swoich zamówień bez konieczności opuszczania strony.

2 Najwyżej oceniane produkty blok

Otrzymywanie pozytywnych recenzji od kupujących może być bardzo satysfakcjonujące. Co więcej, możesz wykorzystać te oceny, aby zwiększyć sprzedaż.

The Najwyżej oceniane produkty block pozwala zaprezentować produkty z największą liczbą pozytywnych recenzji:

Oceny odgrywają kluczową rolę w sukcesie Twojego sklepu. Służą jako dowód dla odwiedzających po raz pierwszy, że Twoje produkty są wysokiej jakości, co może pomóc w zwiększeniu liczby konwersji.

Dlatego zalecamy korzystanie z tzw Najwyżej oceniane produkty zablokuj w widocznym miejscu na swojej stronie. Na przykład możesz chcieć dodać go do swojej strony głównej lub paska bocznego stron produktów.

Jeśli chodzi o dostosowywanie Najwyżej oceniane produkty blok, masz kilka opcji. Na przykład możesz dostosować liczbę produktów, które chcesz wyświetlić:

Możesz także ukryć szczegółowe informacje o produktach, takie jak ich ceny. Ponadto możesz wybrać wyświetlanie tylko najwyżej ocenianych przedmiotów w określonej kategorii, na przykład odzieży.

Jeśli nie masz jeszcze zbyt wielu recenzji do zaprezentowania, możesz użyć narzędzia Najlepiej sprzedające się produkty zamiast tego zablokuj. Wyświetla najpopularniejsze artykuły w Twojej witrynie według liczby dokonanych sprzedaży.

Inną podobną cechą jest Najnowsze produkty blok. Jak sama nazwa wskazuje, pozwala to promować najnowsze dodatki.

3 Filtruj produkty według ceny blok

Funkcja filtrowania ułatwia użytkownikom znalezienie tego, czego szukają. Może to być szczególnie przydatne, gdy kupujący ma ustalony budżet.

The Filtruj produkty według ceny block pozwala użytkownikom zdefiniować minimalną i maksymalną cenę za pomocą prostego suwaka:

Ten blok działa w połączeniu z Wszystkie produkty blok, który przedstawiliśmy wcześniej. Gdy użytkownik ustawi określony przedział cenowy, WooCommerce automatycznie zaktualizuje listę produktów, aby wyświetlić tylko te pozycje, które mieszczą się w tym budżecie:

The Filtruj produkty według ceny Blok jest prosty w użyciu. Możesz jednak jeszcze bardziej ułatwić użytkownikom pracę, umożliwiając im wprowadzanie określonych kwot. Aby to zrobić, wybierz blok i przejdź do panelu ustawień. Pod Przedział cenowyWybierz Edytowalne opcja:

Oprócz filtrowania produktów według ceny możesz także umożliwić kupującym wyszukiwanie produktów według atrybutów produktu, takich jak rozmiar i kolor. Aby to zrobić, możesz użyć tzw Filtruj produkty według atrybutu blok wraz z Wszystkie produkty blok:

Kolejną przydatną funkcją jest tzw Aktywne filtry blok. Gdy dodasz to do swojej strony, użytkownicy będą mogli zobaczyć listę swoich aktualnych filtrów.

4 Wyszukiwarka produktów blok

Skutecznym sposobem na poprawę komfortu użytkowania witryny (UX) jest dodanie funkcji wyszukiwania. Umożliwi to użytkownikom szybkie wyszukiwanie konkretnych pozycji, które mają na myśli, bez konieczności przeglądania katalogu, aż znajdą to, czego szukają.

Na szczęście WooCommerce oferuje Wyszukiwarka produktów blok:

Możesz umieścić pasek wyszukiwania w dowolnym miejscu na swojej stronie. Zalecamy jednak umieszczenie go tuż nad siatkami produktów, tak aby użytkownicy mogli go łatwo zobaczyć:

The Wyszukiwarka produktów block nie oferuje wielu opcji dostosowywania. Możesz jednak ukryć etykietę pola wyszukiwania, tak aby widoczny był tylko pasek wyszukiwania.

5 Wszystkie recenzje blok

Jak wspomnieliśmy wcześniej, wyświetlanie recenzji może zachęcić odwiedzających po raz pierwszy do wypróbowania Twoich produktów. W rzeczywistości jedno z ostatnich badań wykazało, że prawie wszyscy kupujący sprawdzają opinie klientów przed dokonaniem zakupu [1].

Jak sama nazwa wskazuje, tzw Wszystkie recenzje block pozwala zaprezentować wszystkie opinie klientów w jednym miejscu:

Masz również pewną kontrolę nad układem i treścią swoich recenzji. Na przykład możesz ukryć pewne informacje, takie jak nazwiska recenzentów i dane recenzji.

Możesz także zastąpić zdjęcia recenzentów zdjęciami produktów i wybrać liczbę recenzji, które chcesz wyświetlać jednocześnie. Tymczasem użytkownicy będą mogli porządkować recenzje według daty opublikowania, najwyższej i najniższej oceny.

Istnieje kilka sposobów wyświetlania recenzji. Na przykład możesz umieścić je na swojej stronie głównej, aby zwiększyć ich widoczność lub dodać je ponownie na stronie Informacje.

Możesz także chcieć połączyć Wszystkie recenzje block z dwoma innymi powiązanymi funkcjami: Recenzje według produktu oraz Recenzje według kategorii. Te bloki umożliwiają wyświetlanie ocen i recenzji klientów dla poszczególnych produktów i kategorii.

6 Opisywany produkt blok

Jeśli chcesz wzbudzić zainteresowanie określonym przedmiotem, Opisywany produkt Blok może być bardzo skuteczny. Możesz wyróżnić dowolny produkt, który chcesz, na dowolnej stronie lub poście w swojej witrynie.

Co więcej, możesz utworzyć wiele Opisywany produkt bloki na różne przedmioty. Gdy dodasz ten blok do swojej strony, zostaniesz poproszony o wybranie produktu:

Następnie możesz dostosować układ polecanego produktu:

Możesz na przykład ukryć opis i cenę produktu oraz wybrać inny kolor nakładki. Dostępny jest również selektor punktów ogniskowych, który umożliwia zmianę położenia głównego obiektu na obrazie.

Dodatkowo możesz edytować przycisk CTA w bloku. Wszystko, co musisz zrobić, to kliknąć na niego, a otrzymasz wybór opcji. Na przykład możesz zaktualizować link i dostosować kolor i typografię przycisku:

Niezależnie od Twoich preferencji ważne jest, aby najważniejsze elementy, takie jak nazwa produktu i wezwanie do działania, były dobrze widoczne. Będziesz także chciał się upewnić, że przycisk prowadzi do właściwej strony.

Aby zwiększyć widoczność, zalecamy zaprezentowanie polecanych produktów na stronie głównej lub dedykowanej stronie sklepu. Możesz jednak również użyć tego bloku we wpisach na blogu, aby zwrócić uwagę na konkretne produkty.

Możesz również chcieć sprawdzić Polecana kategoria blok. Ta funkcja może być bardzo przydatna, jeśli próbujesz zwiększyć sprzedaż w określonych kategoriach produktów.

Zacznij korzystać z bloków WooCommerce już dziś

W tym poście przyjrzeliśmy się niektórym z najważniejszych bloków WooCommerce. Na przykład Wszystkie produkty block pozwala wyświetlić cały katalog produktów w profesjonalnej siatce. Tymczasem funkcje takie jak Najwyżej oceniane produkty oraz Wszystkie recenzje może pomóc Ci zwiększyć sprzedaż.