Integrare ShopEngine cu Gutenberg pentru WooCommerce Store

În sfârșit, așteptarea a luat sfârșit! ShopEngine este acum compatibil cu editorul de blocuri Gutenberg . Mai devreme, puteai accesa widget-urile ShopEngine doar prin fereastra Elementor, nu?

Dar acum ShopEngine este disponibil dincolo de asta. Pe lângă accesarea widget-urilor ShopEngine prin Elementor, puteți utiliza ShopEngine în magazinul Gutenberg pentru WooCommerce . Cu toate acestea, în Gutenberg, aceste widget-uri vor apărea ca blocuri.

De fapt, funcțiile widget-urilor Elementor și ale blocurilor Gutenberg sunt identice. Atunci, unde este diferența? Diferența constă în aplicație. Pentru widget-urile Elementor, a trebuit să glisați și să plasați widget-uri în zonele desemnate pentru a vizualiza rezultatul. Dar pentru blocurile Gutenberg, trebuie doar să dai clic pe blocuri și treaba ta este gata.

O privire de ansamblu asupra lui Gutenberg:

Ca utilizator WordPress, trebuie să fii familiarizat cu termenul Gutenberg . Este un editor de conținut WordPress, altfel cunoscut ca editor de blocuri WordPress. În zilele noastre, Gutenberg este cel mai popular editor WordPress printre utilizatorii WordPress datorită ușurinței sale de utilizare. Multe pluginuri WordPress Gutenberg sunt disponibile și de la dezvoltatori terți.

Anterior, oamenii erau mai obișnuiți să folosească „Classic Editor”, un alt editor WordPress. De la apariția lui Gutenberg, oamenii au îmbrățișat editorul de blocuri mai mult în comparație cu Editorul clasic. Specialitatea lui Gutenberg este conținutul său bazat pe blocuri .

Indiferent dacă este un paragraf, o imagine sau un buton, fiecare dintre aceste elemente este un bloc. Spre deosebire de Editorul clasic, acest editor de conținut bazat pe blocuri vă permite să vă manipulați conținutul cu mai mult control. Cea mai bună parte a acestui editor de blocuri este că permite dezvoltatorilor terți să încorporeze blocuri personalizate.

Și tocmai asta ne vom concentra pe acest blog informativ, deoarece de acum înainte, o grămadă de funcții ShopEngine vă vor fi la dispoziție în Gutenberg pentru WooCommerce. Înainte de a extinde blocurile personalizate ale ShopEngine în Gutenberg, permiteți-mi să vă spun de ce am integrat ShopEngine cu Gutenberg pentru WooCommerce .

De ce să integrați ShopEngine cu Gutenberg:

ShopEngine a fost proiectat inițial exclusiv pentru Elementor. Asta înseamnă că îți poți construi paginile WooCommerce numai pentru Elementor. Dar acum, așa cum am menționat mai devreme, ShopEngine a făcut un pas înainte după ce a fost integrat cu Gutenberg.

Deci, ce ne-a determinat să integrăm ShopEngine cu Gutenberg pentru WooCommerce ? Pentru a răspunde la această întrebare, permiteți-mi să vă prezint date-

Conform gutenstats.blog, Gutenberg a primit până acum 76 de milioane de instalări active. În plus, 264,5 milioane de postări scrise cu Gutenberg până în prezent.

Consider că aceste date sunt suficiente pentru a convinge pe oricine de ce am extins gama ShopEngine la Gutenberg. Milioane de oameni folosesc Gutenberg pentru a-și dezvolta conținutul și nu vrem ca aceștia să rateze caracteristicile captivante pe care le oferă ShopEngine.

Câteva motive suplimentare ale integrării ShopEngine cu Gutenberg:

Permiteți-mi să subliniez un aspect că Gutenberg nu este doar un editor de conținut . Proiectul Gutenberg își propune să transforme editorul de blocuri într-un instrument de editare complet al site-ului în viitorul apropiat.

Ideea este să vă permită să creați 100% din site-ul dvs. WooCommerce cu editorul Gutenberg. Dacă se întâmplă acest lucru, cererea pentru Gutenberg este probabil să crească vertiginos. Deci, merită să integrați ShopEngine cu Gutenberg pentru WooCommerce, nu?

• Cu Gutenberg, nu trebuie să utilizați coduri scurte pentru a încorpora conținut. În schimb, puteți implementa blocurile pentru a adăuga elementele de pagină necesare.
• Gutenberg nu are probleme de compatibilitate, astfel încât dezvoltatorii pot încorpora cu ușurință suportul Gutenberg în pluginurile lor.
• Gutenberg produce un cod ușor și este, de asemenea, un instrument de încărcare rapidă.

Unele dintre blocurile remarcabile ShopEngine din Gutenberg:

Înainte de a face lumină asupra blocurilor ShopEngine, permiteți-mi să clarific că ShopEngine vine cu peste 65 de widget -uri , peste 13 module și o multitudine de șabloane pentru paginile magazinului WooCommerce destinate utilizatorilor Elementor. După integrarea ShopEngine cu Gutenberg pentru WooCommerce, acum puteți obține acces la peste 45 de blocuri ShopEngine în Gutenberg .

În funcție de tipul de pagină pe care îl selectați pentru a crea un șablon pentru magazinul dvs. WooCommerce, blocurile Gutenberg vor apărea în consecință. În plus, veți avea acces la module precum Quick View, Variation Swatches, Product Comparison și Wishlist .

Să aruncăm o privire la unele dintre blocurile ShopEngine din Gutenberg pentru magazinul WooCommerce -

Titlul produsului:

Blocul de titlu al produsului apare pe o singură pagină pentru un anumit produs. După ce selectați un singur tip de pagină pentru a vă crea șablonul, trebuie doar să faceți clic pe blocul de titlu al produsului din bara laterală.

Imediat după aceea, titlul produsului dvs. va apărea pe pagină. Din bara laterală din dreapta, puteți modifica eticheta de titlu, alinierea, culoarea și tipografia.

Lista de produse:

Lista de produse afișează toate tipurile de produse pe care le vindeți în magazinul dvs. WooCommerce. Blocul listei de produse apare în toate tipurile de pagini, inclusiv în paginile unice, de magazin, de finalizare a comenzii și de coș. După ce selectați tipul de pagină, faceți clic pe lista de produse din fereastra pop-up sau din bara laterală.

Asigurați-vă că selectați categoria de produse pentru ca produsele să apară. Din bara laterală din dreapta, puteți selecta și personaliza diferite elemente ale listei de produse. Puteți selecta numărul de produse pe pagină, etichete, afișare/ascunde insigna de vânzări, procentaj de reducere etc.

Descrierea produsului:

Dacă creați un singur șablon de pagină, blocul de descriere a produsului va apărea în bara laterală. Pentru ca descrierea produsului să apară pe pagina dvs., faceți clic pe blocul de descriere a produsului. Puteți personaliza descrierea și, de asemenea, să o stilizați modificând tipografia, culoarea, alinierea etc.

Plată la finalizare:

La fel ca widgetul Checkout Payment din Elementor, blocul Checkout Payment funcționează în Gutenberg. Puteți vedea blocul „Plată de plată” dacă accesați șablonul de compilare pentru pagina dvs. de finalizare. După aceea, puteți adăuga blocul de plată de plată după cum aveți nevoie pentru magazinul dvs. WooCommerce.

Veți avea opțiuni pentru a modifica stilul conținutului, metodele de plată, butonul etc. Puteți modifica poziția casetei de selectare, culoarea butonului, tipografia, chenarul etc.

Arhiva produse:

Pagina de produse arhivate conține toate produsele postate într-un singur loc. Pentru a crea un șablon pentru pagina de arhivă în Gutenberg pentru WooCommerce, trebuie doar să accesați bara laterală din stânga și să faceți clic pe blocul Produse de arhivare . Toate produsele din inventar vor apărea una după alta.

Pagina de produse Arhivare se mândrește cu o mulțime de segmente, inclusiv aspect, conținut, paginare, evaluare etc. Pagina conține o mulțime de elemente precum titlul produsului, imaginea produsului, prețul produsului, descrierea produsului, subsolul produsului și așa mai departe.

Masa coș:

În tabelul de coș, apar toate detaliile produselor selectate, inclusiv numele produselor, prețul, cantitatea, subtotalul și suma totală. Cu blocul Tabel coș de la ShopEngine, puteți prezenta cumpărătorilor dvs. toate informațiile relevante pentru produsele dvs. printr-un tabel de coș din pagina coșului WooCommerce.

Pentru a personaliza conținutul și a stiliza diferite elemente ale tabelului coșului, veți obține parametrii în bara laterală din dreapta. Puteți modifica culorile antetului și subsolului produsului, culoarea chenarului, culoarea textului, precum și a personaliza secțiunile de conținut, inclusiv titlu, preț, cantitate, total etc.

Produse Vizualizate Recent:

Cu blocul Produse vizualizate recent de la ShopEngine, puteți prezenta produsele pe care utilizatorii dvs. le-au răsfoit sau le-au văzut recent în magazinul dvs. WooCommerce. Puteți afișa produsele vizualizate recent pe pagina magazinului, pagina produsului, pagina coșului etc.

La fel ca și celelalte blocuri, puteți observa parametrii aferenți produselor vizionate recent în bara laterală din dreapta. Utilizând parametrii, puteți specifica numărul de produse de afișat, puteți afișa/ascunde insignele de vânzări, puteți seta decalajul coloanelor și rândurilor, ajustați înălțimile imaginilor produselor etc.

Lichidare:

Deci, ce părere aveți despre mișcarea noastră de a integra ShopEngine cu Gutenberg pentru WooCommerce ? Spuneți-ne despre experiența dvs. de implementare a blocurilor ShopEngine în magazinul Gutenberg pentru WooCommerce.

Sunteți binevenit să oferiți orice feedback pozitiv sau negativ cu privire la integrarea Gutenberg pentru WooCommerce. De asemenea, am aprecia să primim sugestii de la dvs. pentru a simplifica procesul nostru de integrare. Cu toate acestea, lucrările noastre privind integrarea ShopEngine cu Gutenberg sunt încă în desfășurare. În scurt timp, vom termina cu proiectul.