Evidențierea pluginului Divi: Divi BodyCommerce

Publicat: 2019-05-12

Divi BodyCommerce este un plugin terță parte pentru Divi care vă oferă control asupra designului magazinului dvs. de la pagina produsului la pagina de plată și orice altceva. Este proiectat având în vedere conversiile și vă oferă control deplin asupra designului magazinului dvs. folosind Divi Builder.

Când un plugin oferă la fel de multe module și funcții ca acesta, acestea tind să devină copleșitoare de utilizat. Cu toate acestea, aceasta nu a fost o problemă cu aceasta, deoarece totul este ușor de urmărit și există mai multe videoclipuri pas cu pas decât orice plugin pe care l-am văzut. În acest articol, vom arunca o privire la Divi BodyCommerce și vom vedea ce poate face și cât de ușor este de utilizat.

Instalare și setări Divi BodyCommerce

Încărcați și activați pluginul în mod normal. Pentru a activa licența, accesați Divi Engine > Licență BodyCommerce din meniul tabloului de bord.

Dacă faceți clic pe BodyCommerce din meniul tabloului de bord, se deschid setările. Acestea sunt aceleași tipuri de setări pe care v-ați aștepta să le vedeți pentru WooCommerce. Aici vă puteți selecta paginile. Odată ce ați creat aspectele pentru aceste pagini, accesați această pagină de setări și selectați-le. De asemenea, puteți seta paginile pe toată lățimea și puteți alege să aveți un șablon de produs diferit pentru fiecare categorie.

Module Divi BodyCommerce

53 de module noi sunt adăugate la Divi Builder. Acestea sunt toate elementele de care aveți nevoie pentru a proiecta fiecare aspect al magazinului dvs. WooCommerce, inclusiv pagini de produse, pagini de cont, pagini de arhivă, coș de cumpărături etc. Sunt codificate în culori, astfel încât să nu le puteți rata. Culorile arată de fapt la ce servesc modulele. De exemplu, modulele roșii sunt pentru paginile produsului. Unii folosesc un gradient pentru a arăta că lucrează cu două tipuri de pagini. Această imagine prezintă primele 24 de module.

Iată următoarele 29 de module. Modulele adaugă elemente de pagină, cum ar fi vânzări în sus, vânzări încrucișate, glisante, produse conexe, carusele, galerii, partajare, file, pesmet și multe altele. Buclele creează liste de produse pentru a crea paginile magazinului. Acestea includ filele și opțiunile de conținut, design și avansat așteptate.

Notă - Dacă o pagină nu se încarcă, asigurați-vă că nu utilizați un modul pe acea pagină care nu a fost conceput să funcționeze pe acea pagină. Unele module sunt globale și funcționează cu orice pagină, dar altele sunt destinate anumitor tipuri de pagini. De exemplu, nu puteți utiliza un modul de pagină de produs pe o pagină de buclă.

Crearea și atribuirea unei pagini

Să vedem cum să creați pagina și să o setăm ca implicită pentru acea categorie. Mai întâi, creați aspectul în biblioteca Divi.

Apoi, accesați Divi Engine > BodyCommerce din meniul tabloului de bord. Selectați fila pentru tipul de pagină pe care o creați, apoi alegeți aspectul pentru pagina respectivă. Puteți crea oricâte aspecte doriți și le puteți utiliza pentru diferite tipuri de pagini și pentru categorii individuale.

Exemple Divi BodyCommerce

Iată câteva exemple pe care le-am creat. Acesta este doar un mic eșantionare a ceea ce se poate face cu acest plugin.

Pagina magazinului Divi BodyCommerce

Pentru pagina magazinului, tocmai am adăugat un modul de pagini de arhivare a buclei de produse.

Iată pagina cu setările implicite. Fiecare dintre elemente poate fi ajustat cu Divi Builder.

Aici se află în aspectul magazinului de ceai. Aceasta este setările implicite, cu excepția limitei. L-am setat să afișeze 6 produse.

Puteți regla unele dintre elemente în direct.

Am adăugat fundaluri verzi la insigna și butoanele de vânzare, am setat aspectul să afișeze 6 coloane, am adăugat o umbră de casetă produselor și am adăugat o suprapunere verde. Sunt impresionat de numărul de opțiuni pentru aspect.

Acesta este aspectul stilului blogului. Ar arăta grozav dacă ați avea descrieri mai lungi de produse.

Pagina produsului Divi BodyCommerce

Am creat un aspect de pagină de produs în Biblioteca Divi și l-am selectat ca aspect implicit în setările BodyCommerce. Acesta este doar un aspect de bază pentru a vă face o idee despre ceea ce pot face modulele.

Este simplu, dar este un loc bun pentru a începe. Afișează titlul produsului, galeria și glisorul.

Am aruncat la întâmplare încă câteva pagini de produse și module globale.

Începe să arate ce fel de lucruri pot fi făcute cu BodyCommerce. Să facem niște Divi pe această pagină.

Iată câteva ajustări simple cu Divi Builder. Tot ce am făcut este să adaug un fundal la secțiune și rând și să ajustez marginile pentru butoane și câmpul de căutare.

În acesta, am adăugat un nou rând pentru produsele conexe și am mutat modulul de căutare în acel rând. De asemenea, am schimbat aspectul produsului și am schimbat imaginea produsului într-o galerie. Am setat pe scroll vertical. Dacă demonstrația WooCommerce ar avea mai multe imagini pentru acest produs, acestea ar fi afișate într-o coloană verticală din stânga. Aceasta este doar zgârierea suprafeței nivelului de ajustări care poate fi realizat cu paginile de produs.

Coș de cumpărături Divi BodyCommerce

Construiesc o pagină de coș de cumpărături folosind pagina de contact din aspectul Brutărie. Folosesc modulele Cart Products și Total cart. Nu își afișează conținutul atunci când vizualizează în Visual Builder, dar puteți construi în continuare în Visual Builder. Modulele oferă o mulțime de alte caracteristici, cum ar fi vânzarea încrucișată.

Iată coșul de cumpărături folosind setările implicite. Am cele două module într-un singur aspect cu 2 coloane.

Iată pagina coșului de cumpărături după câteva modificări. M-am schimbat cu un aspect cu o singură coloană, am adăugat o oarecare distanță la dreapta la stânga, am adăugat o culoare de fundal din aspect, am schimbat culorile butoanelor și culorile textului pentru a se potrivi cu aspectul și am adăugat o umbră de casetă.

Documentația Divi BodyCommerce

Documentația este furnizată în formă scrisă pe site-ul web al dezvoltatorului și cu o serie de videoclipuri pe YouTube. Îmi place că include ambele. Linkurile sunt furnizate în meniul tabloului de bord Divi Engine. De asemenea, puteți vedea videoclipuri făcând clic pe oricare dintre caracteristici de pe site-ul dezvoltatorului. Acest lucru creează o structură interesantă pentru a găsi videoclipurile de care aveți nevoie. Așa am găsit videoclipurile pe care am vrut să le văd.

Preț Divi BodyCommerce

BodyCommerce are trei licențe din care să aleagă:

  • 1 site - 24 GBP
  • 5 site-uri - 50 GBP
  • Site-uri nelimitate - 96 GBP

Puteți achiziționa BodyCommerce de pe site-ul dezvoltatorului.

Gânduri de sfârșit

Divi BodyCommerce oferă un nivel impresionant de control asupra proiectelor de produse și pagini WooCommerce. Abia am atins ce poate face. De asemenea, puteți personaliza ecranul de conectare, ecusoane, pagini de cont, pagini de mulțumire, formulare, pagini de căutare și multe altele. Include chiar șabloane de e-mail, pictograme personalizate, mostre și AJAX pentru coșul de cumpărături. Îmi place să pot crea un aspect diferit pentru fiecare categorie.

Modulele și aspectul erau ușor de utilizat. Am urmărit împreună cu videoclipurile de pe pagina dezvoltatorului pentru a-mi crea exemplele. Videoclipurile au fost detaliate și ușor de urmărit. Nu am avut probleme cu crearea oricărui tip de pagină dorită.

BodyCommerce oferă mai multe instrumente și personalizări decât orice plugin WooCommerce / Divi pe care l-am văzut până acum. Dacă utilizați WooCommerce cu Divi și doriți să vă personalizați paginile WooCommerce, BodyCommerce este o alegere ușoară.

Vrem sa auzim de la tine. Ați încercat BodyCommerce pentru Divi și WooCommerce? Spuneți-ne ce părere aveți despre asta în comentarii.

Imagine prezentată prin Letters-Shmetters / shutterstock.com