Integracja ShopEngine z Gutenbergiem dla sklepu WooCommerce

Wreszcie koniec oczekiwania! ShopEngine jest teraz kompatybilny z Twoim Edytor bloków Gutenberga. Wcześniej dostęp do widżetów ShopEngine można było uzyskać tylko poprzez okno Elementora, prawda?

Ale teraz ShopEngine jest dostępny poza tym. Oprócz dostępu do widżetów ShopEngine za pośrednictwem Elementora, możesz z nich korzystać ShopEngine w Gutenbergu dla sklepu WooCommerce. Jednak w Gutenbergu te widżety będą wyświetlane jako bloki.

Tak naprawdę funkcje widżetów Elementora i bloków Gutenberga są identyczne. W takim razie gdzie jest różnica? Różnica polega na zastosowaniu. W przypadku widżetów Elementor trzeba było przeciągać i upuszczać widżety w wyznaczonych obszarach, aby wyświetlić dane wyjściowe. Ale w przypadku bloków Gutenberga wystarczy kliknąć bloki i praca jest wykonana.

Przegląd Gutenberga:

Jako użytkownik WordPressa musisz znać ten termin Gutenberga. Jest to edytor treści WordPress, znany również jako edytor bloków WordPress. Obecnie Gutenberg jest najpopularniejszym edytorem WordPress wśród użytkowników WordPressa ze względu na łatwość obsługi. Wiele Wtyczki WordPress Gutenberg są również dostępne u zewnętrznych programistów.

Wcześniej ludzie byli bardziej przyzwyczajeni do korzystania z „Klasycznego edytora”, innego edytora WordPress. Od czasu pojawienia się Gutenberga ludzie bardziej preferują edytor blokowy w porównaniu z edytorem klasycznym. Specjalność Gutenberg to treść oparta na blokach.

Nieważne, czy jest to akapit, obraz czy przycisk, każdy z tych elementów stanowi blok. W przeciwieństwie do Edytora klasycznego, ten edytor treści oparty na blokach umożliwia manipulowanie treścią z większą kontrolą. Najlepszą częścią tego edytora bloków jest to, że pozwala zewnętrznym programistom osadzać niestandardowe bloki.

I właśnie na tym skupimy się na tym informacyjnym blogu, ponieważ odtąd mnóstwo funkcji ShopEngine będzie do Twojej dyspozycji w Gutenbergu dla WooCommerce. Zanim się rozwiniemy Niestandardowe bloki ShopEngine w Gutenbergu, pozwól, że rzucę światło na to, dlaczego my zintegrowany ShopEngine z Gutenbergiem dla WooCommerce.

Dlaczego warto zintegrować ShopEngine z Gutenbergiem:

ShopEngine był początkowo zaprojektowany wyłącznie dla Elementora. Oznacza to, że możesz budować swoje strony WooCommerce tylko dla Elementora. Ale teraz, jak wspomniałem wcześniej, ShopEngine po integracji z Gutenbergiem poszedł o krok do przodu.

A więc co nas ukształtowało zintegruj ShopEngine z Gutenbergiem dla WooCommerce? Aby odpowiedzieć na to pytanie, przedstawię Państwu fragmenty danych-

Zgodnie z gutenstats.blogGutenberg otrzymał do tej pory 76 milionów aktywnych instalacji. Do tego do chwili obecnej napisano 264,5 miliona postów za pomocą Gutenberga.

Myślę, że te dane wystarczą, aby przekonać każdego, dlaczego rozszerzyliśmy ofertę ShopEngine o Gutenberga. Miliony ludzi korzystają z Gutenberga, aby opracowywać swoje treści, a my nie chcemy, aby przegapili wciągającą funkcje, które ShopEngine oferuje.

Jeszcze kilka powodów integracji ShopEngine z Gutenbergiem:

Pozwolę sobie podkreślić pewną kwestię Gutenberg nie jest wyłącznie edytorem treści. Projekt Gutenberg ma na celu przekształcenie edytora bloków w plik narzędzie do edycji całej witryny w niedalekiej przyszłości.

Pomysł jest taki, abyś mógł zaprojektować 100% swojej witryny WooCommerce za pomocą edytora Gutenberga. Jeśli tak się stanie, popyt na Gutenberga prawdopodobnie gwałtownie wzrośnie. Zatem warto zintegrować ShopEngine z Gutenbergiem dla WooCommerce, prawda?

• Dzięki Gutenbergowi nie musisz używać krótkich kodów do osadzania treści. Zamiast tego możesz wdrożyć bloki, aby dodać niezbędne elementy strony.
• Gutenberg nie ma problemów ze zgodnością, więc programiści mogą z łatwością włączyć obsługę Gutenberga do swoich wtyczek.
• Gutenberg generuje lekki kod i jest także narzędziem szybko ładującym się.

Niektóre z godnych uwagi bloków ShopEngine w Gutenbergu:

Zanim rzucę światło na bloki ShopEngine, pozwól mi wyjaśnić, że ShopEngine jest dostarczany Ponad 65 widżetów, Ponad 13 modułów, I niezliczona ilość szablonów dla stron sklepów WooCommerce przeznaczonych dla użytkowników Elementora. Po integracji ShopEngine z Gutenbergiem dla WooCommerce możesz teraz uzyskać dostęp do Ponad 45 bloków ShopEngine w Gutenbergu.

W zależności od typu strony, który wybierzesz do zbudowania szablonu dla swojego sklepu WooCommerce, bloki Gutenberga zostaną odpowiednio wyświetlone. Dodatkowo otrzymasz dostęp do modułów takich jak Szybki podgląd, próbki odmian, porównanie produktów i lista życzeń.

Rzućmy okiem na niektóre bloki ShopEngine w Gutenbergu dla sklepu WooCommerce-

Tytuł produktu:

The Tytuł produktu blok pojawia się na jednej stronie dla konkretnego produktu. Po wybraniu typu pojedynczej strony do zbudowania szablonu wystarczy kliknąć blok Tytuł produktu na pasku bocznym.

Zaraz po tym na stronie pojawi się tytuł Twojego produktu. Na prawym pasku bocznym możesz modyfikować znacznik tytułu, wyrównanie, kolor i typografię.

Lista produktów:

Lista produktów wyświetla wszystkie rodzaje produktów, które sprzedajesz w swoim sklepie WooCommerce. Lista produktów blok pojawia się na wszystkich typach stron, w tym na stronach pojedynczych, sklepowych, kasowych i koszykowych. Po wybraniu typu strony kliknij listę produktów w wyskakującym okienku lub na pasku bocznym.

Upewnij się, że wybrałeś kategorię produktów, które mają być wyświetlane. Z prawego paska bocznego możesz wybierać i dostosowywać różne elementy listy produktów. Możesz wybrać liczbę produktów na stronie, tagi, pokazać/ukryć plakietkę sprzedażową, procent rabatu itp.

Opis produktu:

Jeśli utworzysz szablon jednostronicowy, Opis produktu blok pojawi się na pasku bocznym. Aby opis produktu pojawił się na Twojej stronie kliknij blok opisu produktu. Możesz dostosować opis, a także stylizować go, modyfikując typografię, kolor, wyrównanie itp.

Płatność przy kasie:

Podobnie jak widżet Płatność przy kasie w Elementorze, Blokada płatności przy kasie pracuje w Gutenbergu. Jeśli przejdziesz dalej, możesz wyświetlić blok „Płatność przy kasie”. zbuduj szablon dla swojej strony realizacji transakcji. Następnie możesz dodać blok płatności przy kasie, zgodnie z potrzebami swojego sklepu WooCommerce.

Będziesz mieć możliwość zmiany stylu treści, metod płatności, przycisku itp. Możesz dostosować położenie pola wyboru, kolor przycisku, typografię, obramowanie itp.

Archiwum produktów:

Zarchiwizowana strona produktów zawiera wszystkie wystawione produkty w jednym miejscu. Aby utworzyć szablon strony archiwum w Gutenbergu dla WooCommerce, po prostu przejdź do lewego paska bocznego i kliknij Blok Archiwum Produktów. Wszystkie produkty z inwentarza pojawią się jeden po drugim.

Strona produktów Archiwum zawiera mnóstwo segmentów, w tym układ, treść, paginację, ocenę itp. Strona zawiera wiele elementów, takich jak tytuł produktu, zdjęcie produktu, cena produktu, opis produktu, stopka produktu i tak dalej.

Tabela koszyka:

W tabeli koszyka pojawiają się wszystkie szczegóły wybranych produktów, w tym nazwa produktu, cena, ilość, suma częściowa i kwota całkowita. Z ShopEngine Blok stołowy koszyka, możesz zaprezentować kupującym wszystkie informacje istotne dla Twoich produktów za pomocą tabeli koszyka w witrynie Strona koszyka WooCommerce.

Aby dostosować zawartość i stylizować różne elementy tabeli koszyka, parametry znajdziesz na prawym pasku bocznym. Możesz dostosować kolory nagłówka i stopki produktu, kolor obramowania, kolor tekstu, a także dostosować sekcje treści, w tym tytuł, cenę, ilość, sumę itp.

Ostatnio oglądane produkty:

Z ShopEngine Blok Ostatnio oglądanych produktów, możesz zaprezentować produkty, które Twoi użytkownicy ostatnio przeglądali lub oglądali w Twoim sklepie WooCommerce. Możesz wyświetlić ostatnio oglądane produkty na stronie sklepu, stronie produktu, stronie koszyka itp.

Podobnie jak w przypadku pozostałych bloków, na prawym pasku bocznym możesz zauważyć parametry związane z ostatnio oglądanymi produktami. Wykorzystując parametry, możesz określić liczbę produktów do wyświetlenia, pokazać/ukryć plakietki sprzedażowe, ustawić odstęp między kolumnami i wierszami, dostosować wysokość zdjęć produktów itp.

Zakończenie:

A więc, co sądzisz o naszej przeprowadzce? zintegruj ShopEngine z Gutenbergiem dla WooCommerce? Daj nam znać o swoich doświadczeniach we wdrażaniu bloków ShopEngine w sklepie Gutenberg dla WooCommerce.

Zachęcamy do podzielenia się pozytywnymi lub negatywnymi opiniami na temat integracji Gutenberga z WooCommerce. Będziemy również wdzięczni za sugestie dotyczące usprawnienia naszego procesu integracji. Jednak pracujemy dalej Integracja ShopEngine z Gutenbergiem jest nadal w toku. Już niedługo zakończymy projekt.