WooCommerce i Gutenberg – nowy blok Produkty

WooCommerce i Gutenberg - nowy blok ProduktyWtyczka WooCommerce jest w fazie przygotowań pod współpracę z nowym edytorem WordPressa – Gutenberg. Będzie dostępny nowy blok o nazwie Products (Produkty).

Dziś o tym, jakie nowe możliwości otwiera ten blok osobom budującym i prowadzącym sklepy e-commerce na WordPressie. Jest też filmik z przykładami.

Produkty – nowy blok w WooCommerce

Kiedy nowy edytor WordPressa zwany Gutenberg stanie się już częścią WordPressa core’a, we wtyczce WooCommerce zobaczymy nowy blok – Products (Produkty).

Będzie on wyglądać tak:

Blok Produkty
Blok Produkty w nowym edytorze Gutenberg

Co umożliwia blok Produkty

Blok ten pozwala wstawiać nam wybrane produkty do stron i wpisów. Produkty wstawiane są w formie grida:

Produkty wyświetlane są w formie grida
Produkty wyświetlane są w formie grida

Użytkownik sam decyduje ile wierszy i ile kolumn wyświetlić. Oraz jak posortować wyświetlane produkty.

Możliwość wstawienia kilku bloków Products na pojedynczej podstronie

W pojedynczej stronie możemy wyświetlić kilka takich bloków, w każdym z nich wybierając inny zestaw produktów. Dzięki temu możemy tworzyć atrakcyjne strony sprzedażowe, podobne do tych jakie oferują serwisy typu amazon. com.

Możliwość wstawienia kilku bloków produkty
Możliwość wstawienia kilku bloków produkty

Kryteria wybierania produktów

Podczas wstawiania bloku Products sami decydujemy, jakie produkty się wyświetlą. Dostępne są następujące kryteria:

  • wybieranie indywidualnych produktów
  • wybieranie produktów z danej kategorii
  • wybieranie produktów według filtra
    • produkty w promocji (On sale)
    • produkty wyróżnione
    • produkty z zadanym atrybutem
  • wybieranie wszystkich produktów

Podczas wybieranie indywidualnych produktów możemy skorzystać z wygodnej wyszukiwarki:

Podczas wybierania indywidualnych produktów możemy skorzystać z wyszukiwarki
Podczas wybierania indywidualnych produktów możemy skorzystać z wyszukiwarki

Sprawdź przykłady na filmiku

Przykłady i zastosowania zobaczymy na filmiku:

Jak testować nowy blok Produkty

Blok Produkty w momencie tworzenia tego wpisu jest jeszcze w fazie rozwoju, podobnie jak cały nowy edytor WordPressa.

Aby przetestować blok Produkty potrzebujesz:

  • Pobrać wtyczkę WooCommerce Gutenberg Products Block z githuba (w drugiej części filmiku osadzonego wyżej znajdziesz instrukcję krok po kroku).
  • Mieć włączoną wtyczkę Gutenberg.
  • Posiadać zestaw produktów – najlepiej zaimportować przykładowy zestaw produktów WooCommerce z pliku CSV, który znajdziemy we wtyczce WooCommerce (instrukcja szczegółowa również w filmiku).

Co sądzisz o nowym bloku?

Mnie się nowy blok Produkty bardzo podoba. Pokazuje potęgę nowego edytora.

Jeden prosty blok, a tyle nowych możliwości!

Dotychczas, bez instalacji dodatkowych wtyczek, użytkownik WooCommerce’a niewiele mógł zdziałać w tworzeniu ciekawych stron sprzedażowych. Na stronie sklep mogliśmy co najwyżej ustalić liczbę kolumn i wierszy, w których wyświetlą się wszystkie produkty (robiło się to w ramach ekranu personalizacji).

Teraz produkty będziemy mogli  umieszczać praktycznie wszędzie. Nawet we wpisach na blogu.

2 myśli do „WooCommerce i Gutenberg – nowy blok Produkty”

  1. Chociaż sceptycznie podchodzę do samego Gutenberga, to po obejrzeniu tego filmu i możliwości bloków – zabieram się za testowanie. Pani Agato mam również pytanie: Czy można już tworzyć nowe treści (do opublikowania na stronach klientów) w oparciu o wtyczkę Gutenberg czy jeszcze raczej się wstrzymać przed takim procesem produkcyjnym?

    1. Autorzy Gutenberga juz gorąco do tego zachęcają. W kolejnej wersji WordPressa, która wyjdzie juz niebawem będzie oficjalny duży baner do tego zachęcający. Dodatkowo autorzy wprowadzają juz tzw. zamrożenie nowych features, będą tylko naprawiać błędy, tak aby Gutenberg i WordPress 5.0 był gotowy w sierpniu. Żeby testować blok Products trzeba zainstalować tę wtyczkę: https://wordpress.org/plugins/woo-gutenberg-products-block/

      Podczas warsztatów które prowadziłam niedawno udostępniałam strony do testowania WooCommerce i nowego bloku. Gdyby była takaż potrzeba, mogę udostępnić Panu taką stronę do testów.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Wyrażam zgodę na przetwarzanie przez Webfaces Agnieszka Bury, ul. Rymarska 42/3, 53-206 Wrocław NIP: 9111769381, REGON: 021997379, moich danych osobowych w celu dodania komentarza na blogu webfaces.pl w zgodzie i według zasad określonych w Polityce prywatności.