WooCommerce: Jak zacząć korzystać z bloków WooCommerce – CZĘŚĆ 1

Od wersji WordPress 5.0 domyślny edytor stron/postów został całkowicie przebudowany. Na pewno słyszałeś o Gutenbergu.

Złą wiadomością jest to, że WooCommerce dołączył do nowego środowiska edycji znacznie wolniej i nadal istnieją ważne rzeczy do opracowania, aby uczynić go przyjaznym dla Gutenberga.

Postęp zgodności można śledzić za pomocą oficjalnej wtyczki WooCommerce Blocks, która stwierdza: „ Możesz użyć tej wtyczki, jeśli chcesz uzyskać dostęp do wszystkich dostępnych bloków dla WooCommerce – w tym eksperymentalnych. Nasze obecne „stabilne” bloki są dołączone do WooCommerce i można je dodać z sekcji „WooCommerce” w module wstawiania bloków ”, ponieważ można tam znaleźć ich bloki „beta”, te, które nazywają „eksperymentalnymi” i które będą oficjalnie udostępnione do WooCommerce po ich zatwierdzeniu.

W tym artykule szczegółowo zagłębimy się w bloki WooCommerce – czym one są, dlaczego są ważne, ile bloków jest dostępnych i jak z nich korzystać.

Ponieważ jest to ogromny temat – mamy do omówienia dwadzieścia bloków WooCommerce – dzielimy go na dwie części. Ten artykuł oceni pierwsze dziesięć bloków, których możesz użyć w swoim sklepie. Ale najpierw określmy, czym są bloki WooCommerce i zbadajmy, dlaczego są tak ważne.

Czym są bloki WooCommerce i dlaczego są tak ważne?

WooCommerce automatycznie tworzy strony, takie jak strony kategorii i strony sklepu, aby wyświetlać Twoje produkty. Jednak jest prawdopodobne, że inna witryna WooCommerce może wyglądać podobnie do Twojego sklepu eCommerce – jeśli wybierze tę samą stronę i układ produktu, co Twój.

Jednak dzięki blokom WooCommerce możesz uczynić swój sklep wyjątkowym i prezentować swoje produkty w preferowany sposób i układ.

Bloki WooCommerce zapewniają większą kontrolę nad projektem sklepu. Jego integracja z edytorem bloków pozwala dostosować sklep bez pisania ani jednej linii CSS, dodawania kodu lub konieczności posiadania wiedzy o projektowaniu graficznym.

Możesz łatwo dodawać bloki za pomocą prostej metody przeciągania i upuszczania. Korzystając z łatwego w obsłudze interfejsu WooCommerce Block, możesz:

• Twórz niestandardowe strony sklepu
• Twórz strony docelowe, aby wyświetlać kolekcję produktów
• Dodaj bloki produktów na określonych stronach, a nawet postach na blogu
• Dodawaj rekomendacje produktów, recenzje produktów i banery promocyjne, gdziekolwiek chcesz

Przyjrzyjmy się więc różnym blokom WooCommerce. Po zainstalowaniu WooCommerce otrzymasz 20 wbudowanych bloków WooCommerce . Oto spojrzenie na pierwsze dziesięć bloków i sposób ich użycia.

Lista podstawowych bloków WooCommerce [Część 1]

1. Aktywne filtry produktów

Filtry produktów ułatwiają wyszukiwanie produktów Twoim klientom. Bez nich istnieje ryzyko utraty klientów – będą oni musieli ręcznie wyszukiwać wybrane przez siebie produkty. Niestety ten proces staje się czasochłonny i sprawia, że ​​Twoja witryna jest mniej użyteczna i interaktywna dla docelowych odbiorców.

Blok Aktywne filtry produktów wyświetla filtry produktów, które są aktualnie aktywne w bieżącym widoku (czyli filtry wybrane w poprzednim kroku). Ponadto blok ten automatycznie pobierze atrybuty Twojego produktu – umożliwiając klientom filtrowanie aktywnych produktów według dowolnego atrybutu.

Możesz stylizować nagłówek bloku i wybrać wyświetlanie filtrów jako chip (podobnie jak przyciski) lub listę. Dzięki temu blok ten ułatwia dodawanie filtrów, takich jak rozmiar, kształt lub kolor produktu, co czyni go niezwykle wygodnym dla klientów.

2. Wszystkie recenzje

Wyświetlanie opinii klientów to doskonały sposób na pokazanie wiarygodności i autentyczności Twojego produktu. Działa jako referencja produktu, której kupujący ufają bardziej niż twierdzi, że produkt - zwiększając szanse użytkowników na zakup produktów.

Według Trustpilot 89% klientów czyta recenzje online przed zakupem produktów. Pokazuje to integralną rolę, jaką opinie klientów odgrywają w sprzedaży eCommerce.

W związku z tym włączenie bloku wszystkich recenzji w witrynie WooCommerce może zmienić grę w sprzedaży produktów.

Ten blok pozwoli Ci wyświetlić całą listę wszystkich recenzji produktów, które otrzymałeś w dowolnym miejscu w Twoim sklepie – na przykład post na blogu lub stronę docelową.

Zawiera wiele opcji dostosowywania, w których można ukryć lub wyświetlić nazwę produktu, nazwę recenzenta, datę recenzji, ocenę produktu, treść recenzji i obraz produktu.

Możesz dostosować ustawienia, umożliwiając użytkownikom zamawianie według najniższej lub wyższej oceny, a nawet ustawić liczbę wyświetlanych recenzji i dodać opcję „załaduj więcej recenzji” dla swoich klientów.

3. Wszystkie produkty

Blok wszystkich produktów wyświetla wszystkie produkty w Twoim sklepie WooCommerce i zawiera opcje sortowania i paginacji. Możesz wyrównać ten blok z blokiem Aktywne filtry produktów, aby wyświetlić listę rozwijaną sortowania.

Korzystając z wbudowanej opcji paginacji, Twoi klienci mogą łatwo poruszać się po produktach do przodu i do tyłu, aby wyświetlić całą stronę produktu, jeśli nie chcesz wyświetlać wszystkich produktów na jednej stronie.

Masz wybór, aby wybrać domyślną kolejność sortowania produktów – czy to posortowanie według najnowszych produktów, czy popularności produktów. W razie potrzeby możesz również ukryć rozwijane menu sortowania. Co więcej, ten blok umożliwia również dodawanie dodatkowych treści, takich jak obrazy, tekst i filmy.

4. Polecana kategoria

Blok wyróżnionych kategorii pozwala wybrać produkty z określonej kategorii produktów, które chcesz skonfigurować i wyświetlić jako polecaną kategorię lub w banerze z wezwaniem do działania.

To idealne rozwiązanie do wyróżnienia konkretnej kategorii produktów na Twoim landingu lub poście na blogu – aby zwiększyć ruch i zmaksymalizować sprzedaż tej konkretnej kategorii produktów.

Jedną z jego najważniejszych funkcji jest selektor punktów ogniskowych, który umożliwia przeciąganie punktu ostrości obrazu produktu, aby idealnie umieścić go w kontenerze tła. Ten blok daje również opcje, takie jak ukrywanie lub pokazywanie opisów produktów, dodawanie koloru nakładki i zmiana krycia.

Tak więc, jeśli niedawno uruchomiłeś nową kolekcję produktów – blok Polecana kategoria może pomóc Ci wyświetlić kolekcję w wielu miejscach Twojego sklepu i zwiększyć sprzedaż.

5. Polecane produkty

Polecany blok produktów umożliwia wyświetlanie produktów w sklepie w atrakcyjnym, efektownym i ładnie zaprojektowanym banerze z wezwaniem do działania (CTA).

Zawiera wiele ustawień i opcji, aby pokazać lub ukryć cenę produktu i opis, kontrolować wyrównanie tekstu, dodać kolor nakładki, dostosować położenie i krycie tła, zastąpić zdjęcie produktu i zmienić przycisk CTA.

Ten blok to doskonały sposób na zaprezentowanie konkretnych produktów w postach na blogu lub na stronie docelowej i przyciągnięcie uwagi klientów – przyciągając ich do zakupu.

6. Produkty według kategorii

Blok Produkty według kategorii umożliwia wyświetlanie produktów z wybranej kategorii lub kategorii w siatce.

Pozwala modyfikować liczbę wierszy i kolumn siatki z opcją ukrycia lub pokazania tytułu produktu, ceny, oceny i przycisku dodawania do koszyka. Ten blok może tworzyć różne sekcje zawierające różne kategorie produktów na Twojej stronie głównej.

7. Najlepiej sprzedające się produkty

Blok najlepiej sprzedających się produktów umożliwia wyświetlanie najlepiej sprzedających się produktów w Twoim sklepie w postaci siatki.

Projekt tego bloku jest bardzo podobny do bloku Produkty według kategorii z identycznymi opcjami dostosowywania. Na przykład możesz ustawić odpowiednie opcje filtrowania produktów – takie jak filtrowanie według koloru, rozmiaru i ceny.

Korzystając z tego bloku – możesz zachęcić klientów do przeglądania najlepiej sprzedających się produktów i zachęcić ich do zakupu produktów dla siebie.

8. Filtruj produkty według ceny

Ten blok wyświetla łatwy w użyciu suwak, który pozwala klientom filtrować produkty według ceny. Na przykład przeciągnięcie lewego uchwytu w prawo zwiększa cenę, a przeciągnięcie prawego uchwytu w lewo ją obniża.

Możesz edytować minimalny i maksymalny zakres cen oraz dodać przycisk, aby ustawić poziom kursu. Doskonale sprawdza się w połączeniu z blokiem All Products.

9. Filtruj produkty według atrybutu

Ten blok dodaje filtr, który pozwala Twoim klientom filtrować produkty według atrybutów. Atrybutami może być kolor, rozmiar, a nawet smak żywności.

Masz możliwość wyświetlenia filtra jako listy lub listy rozwijanej. Ponadto możesz wybrać poziom nagłówka, uwzględnić liczbę słów lub dodać przycisk.

10. Najnowsze produkty

Możesz użyć tego bloku, aby wyświetlić wszystkie najnowsze premiery i najnowsze produkty w siatce. Klienci mogą filtrować produkty na podstawie odpowiedniej kategorii.

Ten blok jest idealny do zaprezentowania i promowania nowych towarów w Twoim sklepie na stronie głównej i przyciągnięcia większej liczby oczu. Jego opcje dostosowywania są podobne do opcji Blok najlepiej sprzedających się produktów.

Wniosek

Niezależnie od tego, czy jesteś doświadczonym technicznie, czy nietechnicznym profesjonalistą – korzystanie z WooCommerce Blocks to najłatwiejszy i najbardziej opłacalny sposób na angażowanie swoich produktów i przeniesienie sklepu na wyższy poziom.

Możesz promować swoje produkty na dowolnej stronie i w blogu w swojej witrynie. Wszystko, co musisz zrobić, to przeciągnąć bloki w określone miejsce na stronie – a strona będzie aktualizowana w czasie rzeczywistym.

Jeśli więc chcesz urozmaicić swój sklep WooCommerce i przyciągnąć więcej uwagi – skorzystaj z wyżej wymienionych bloków WooCommerce.

Mamy również część 2 tego artykułu z dziesięcioma kolejnymi blokami WooCommerce oraz sposobami ich łatwego dodawania i edytowania. Sprawdź, jak będzie dostępny w przyszłym tygodniu!