Widgeturi WooCommerce Elementor: creați site-uri web de comerț creative cu PowerPack

Publicat: 2023-04-26

Team PowerPack vă aduce noile widgeturi creative Elementor WooCommerce . Dacă ați încercat vreodată să construiți site-uri web WooCommerce elegante, știți că lupta este reală. Nu este ușor să personalizați aspectul și paginile acestor site-uri web.

Dar cu aceste fantastice widget-uri Elementor pentru WooCommerce, puteți adăuga mai multe elemente interactive și personalizabile site-ului dvs. de comerț electronic construit cu WooCommerce. La fel ca toate widget-urile noastre Elementor existente , aceste widget-uri oferă opțiuni excelente de personalizare și funcționalități pentru magazinul dvs. WooCommerce construit cu Elementor .

Folosind aceste widget-uri, vă puteți crea site-ul de comerț electronic de vis. Funcționalitatea și caracteristicile avansate ale widget-urilor Woo vă ajută să vă transformați designurile imaginative în site-uri live. Indiferent dacă doriți să stilați pagina produsului sau să adăugați personalizări la pagina coșului, puteți face totul în doar câteva clicuri. Nu sunt necesare abilități de codare!

Widgeturi Elementor WooCommerce

Construirea site-urilor web WooCommerce cu Elementor poate fi uneori limitantă. În timp ce Elementor Pro oferă funcționalități și opțiuni extinse, există anumite zone care rămân neatinse. Deci, trebuie să căutați suplimente Elementor pentru a extinde Elementor în continuare.

Widgeturile WooCommerce Elementor vă pot economisi mult timp și efort. Aceste widget-uri sunt folosite pentru a îmbunătăți designul și funcționalitatea unui magazin online construit folosind WooCommerce. Acestea permit utilizatorilor să adauge cu ușurință elemente precum liste de produse, categorii de produse, coșuri de cumpărături și formulare de finalizare a achiziției pe site-ul lor de comerț electronic.


Să verificăm toate Widgeturile WooCommerce :

1. Elementor Elementor WooCommerce Products Widget

Acum, cu widgetul Woo Product Grid, puteți crea o afișare impresionantă a produsului pe pagina dvs. de produse. Cu puterea de personalizare dată, vă puteți afișa produsele vizitatorilor dvs. cu zeci de modele.

Consultați pagina de destinație PowerPack WooCommerce Products pentru a vă face o idee despre aspectul paginii dvs. de produs cu grila Woo Products.

Woo Product Grid Widget vă oferă o opțiune de a alege între aspectul Carusel și Grid, facilitând comutarea între aspecte atunci când este necesar. Vă puteți afișa produsele în machete personalizate, împreună cu funcții utile precum Adăugare în coș, Vizualizare rapidă și Etichetă de vânzări.

Pe lângă aceste caracteristici impresionante, puteți afișa și insigne de produs personalizate. A avea insigne de produs ajută la atragerea atenției clienților și crește vânzările imediat.

Caracteristici ale widget-ului Product Grid:

  • Aspect carusel și grilă
  • Opțiuni de piele personalizate
  • Rânduri și coloane personalizate
  • Opțiuni nelimitate de stil pentru aspect
  • Sunt disponibile opțiuni avansate de tipografie
  • Efecte de hover
  • Caracteristica de vizualizare rapidă
  • Sistem de afișare a ratingului

Consultați pagina de destinație a widget-ului Woo Product Grid.


2. Elementor WooCommmerce Category Widget

Vrei să ai acea pagină separată care să-ți ajute clienții să aleagă categoria de produse în loc să le afișezi împreună cu toate produsele din magazinul tău? De ce să faci toată această muncă suplimentară când poți face același lucru cu ajutorul widget-ului Woo Category?

Cu widget-ul PowerPack Woo Category, vă puteți afișa categoriile de produse în aspecte elegante: Grid, Carusel & Tiles. Puteți alege oricare dintre aspectele categoriei și puteți crea afișaje frumoase de produse pe site-ul dvs.

De asemenea, puteți personaliza cu ușurință butoanele categoriei de produse WooCommerce ale site-ului dvs. cu editorul Elementor.

categoria woocommerce

Caracteristicile widget-ului Woo Category:

  • Mai multe stiluri de aspect – Grilă, Carusel, Dale
  • Aspecte pre-proiectate personalizabile
  • Activați/dezactivați titlul categoriei, descrierea și numărul de produse
  • Opțiuni complete de personalizare a designului
  • Contează categoriile personalizate
  • Opțiunea de coloane personalizate
  • Opțiunea Poziție conținut
  • Filtrare avansată
  • Opțiune de comandă personalizată

Consultați pagina de destinație a widget-ului Woo Category.


3. Elementor WooCommerce Contul meu Widget

Primul widget Contul meu pentru Elementor și WooCommerce.

Folosind acest widget PowerPack Woo, puteți stila cu ușurință Pagina Contul Meu a site-urilor dvs. de comerț electronic construite cu WooCommerce.

Pe atunci, era destul de imposibil să personalizezi această parte a site-ului Woo fără cod personalizat și CSS. Dar acum puteți stila și modifica pagina Contul meu așa cum doriți.

De la efectuarea de modificări la fila din partea din față până la stilarea diferitelor aspecte ale paginii. poți face totul în doar câteva clicuri.

Personalizați pagina contului meu WooCommerce folosind Elementor

Caracteristici ale Widget-ului Contul meu WooCommerce :

  • Opțiuni de previzualizare pentru file
  • Opțiune de stil pentru tabel, file și buton
  • Aspect de file vertical și orizontal
  • Obțineți control asupra poziției și alinierii
  • Opțiuni avansate de personalizare

4. Elementor WooCommerce Checkout Widget

Woo Checkout este ceea ce căutați dacă ați avut dificultăți la personalizarea paginii de plată a site-ului dvs.

Cu acest widget PowerPack, vă puteți personaliza și personaliza pagina WooCommerce Checkout așa cum doriți, cu opțiuni avansate de personalizare și editare.

Caracteristicile widget-ului Woo Checkout:

  • Aspect cu o singură coloană și cu două coloane
  • Setări avansate de stil
  • Setări de tipografie personalizate
  • Opțiuni de personalizare a designului
  • Opțiuni de stil pentru secțiunea bară de cupoane.

Vizualizați pagina de destinație a widget-ului WooCommerce Checkout.


5. Elementor WooCommerce Cart Widget

Știați că, în medie, mai mult de 50% dintre cărucioare nu sunt procesate și nu trec niciodată de finalizarea plății? Și o altă dezamăgire este că, de mult timp, motivul abandonului coșului este doar paginile complicate și enervante ale coșului.

Pentru a rezolva această problemă, am creat widget-ul Woo Cart pentru Elementor, care vă permite să creați cărucioare arătoase pe site-ul dvs., astfel încât utilizatorii dvs. să aibă o experiență plăcută de plată.

Caracteristici ale widget-ului Woo Cart:

  • Design personalizat simplu și elegant
  • Personalizarea imaginii și puterea de editare
  • Personalizare avansată a aspectului general
  • Personalizare butoane
  • Activați/dezactivați câmpul cupoane
  • Activați/dezactivați vânzările încrucișate

Consultați demonstrația widget-ului WooCommerce Cart.


6. Elementor WooCommerce Adaugă în coș Widget

Oamenii și proprietarii de site-uri web nu acordă prea multă atenție importanței butonului „Adaugă în coș” . Modul în care este proiectat butonul dvs. spune multe despre cât de probabil ca vizitatorul dvs. sau cumpărătorul să facă clic pe el. Până acum, nu a existat prea multă personalizare disponibilă pentru acest buton.

Dar acum, cu widgetul WooCommerce Add to Cart pentru Elementor, puteți proiecta butonul și îl puteți plasa oriunde doriți pe site.

butonul woocommerce adăugați în coș

Caracteristicile widget-ului Adăugați în coș:

  • Opțiune de selecție personalizată a produsului
  • Activați/dezactivați cantitatea
  • Opțiune de redirecționare automată
  • Opțiune de text personalizată pentru buton
  • Personalizarea butoanelor – aliniere, dimensiune, umplutură, pictogramă.
  • Personalizarea butoanelor – design, culoare, tipografie, opțiuni de trecere cu mouse-ul.

Consultați pagina de destinație a widget-ului WooCommerce Adaugă în coș.


7. WooCommerce Off Canvas Car

Îmbunătățiți procesul de achiziție a site-ului dvs. și îmbunătățiți experiența utilizatorului cu widgetul creativ Woo Off Canvas Cart. Acest widget vă permite să adăugați panouri glisante elegante pentru a afișa conținutul coșului pe site-ul dvs. Puteți afișa elemente derulante din orice parte a paginii, fie că este stânga, dreapta, sus sau jos.

Deși acest widget vine cu opțiuni de funcționalitate avansată, care vă oferă flexibilitatea de a crea un coș impresionant off-canvas fără a adăuga niciun cod personalizat, ținând cont de abordarea dezvoltatorului, v-am oferit și o opțiune de a declanșa un panou off-canvas cu Opțiuni personalizate de declanșare a clasei și a ID-ului.

Dacă nu sunteți familiarizat cu Class & ID, puteți afișa un buton sau o pictogramă pentru a deschide coșul din panoul off-canvas.

De asemenea, puteți adăuga animații interesante pentru a crea panouri creative off-canvas pe site-ul dvs.

Caracteristici ale caruciorului Woo Off Canvas:

  • Opțiuni avansate de declanșare: buton, clasă element și ID element
  • Opțiune de afișare creativă pentru Buton
  • Afișarea conținutului și poziționarea
  • Animații de tranziție atrăgătoare
  • Titlu și mesaj personalizat coș
  • Opțiuni de închidere coș: faceți clic pe suprapunere, Esc pentru a închide etc
  • Personalizări ale butoanelor
  • Opțiuni de stil nelimitate

Consultați pagina de destinație pentru WooCommerce Off Canvas Widget.


8. Elementor WooCommerce Mini Cart Widget

Coșul joacă unul dintre cele mai importante roluri într-un magazin de comerț electronic. Având un coș funcțional, ajută la îmbunătățirea experienței utilizatorului și scade rata de abandon al coșului. Acum, cu widget-ul Woo Mini Cart, puteți afișa o pictogramă coș în antetul sau meniul site-ului dvs

Acest widget este încărcat cu funcții avansate care vă permit să personalizați fiecare element și să adăugați un mini coș pe orice pagină a site-ului dvs. WooCommerce.

Îl puteți seta să afișeze conținutul coșului la trecerea cu mouse-ul sau faceți clic, puteți adăuga titluri și mesaje personalizate pentru coș și multe altele...

Caracteristicile Widget-ului Woo Mini Cart:

  • Opțiuni extinse de personalizare
  • Adăugați titlul și mesajul personalizat pentru coș
  • Funcție avansată de declanșare a coșului
  • Opțiune de stil pentru butoane
  • Personalizare contor articole
Cum să adăugați un mini coș WooCommerce pe site-ul dvs. cu Elementor

Vizualizați pagina de destinație a widgetului WooCommerce Mini Cart.


Obțineți Widgeturi WooCommerce pentru Elementor!

Acum puteți începe să utilizați cu ușurință widget-urile WooCommerce Elementor Widgets pe site-ul dvs. cu suplimentele PowerPack Elementor.

Cea mai bună parte este că obțineți toate aceste widget-uri cu widget-urile PowerPack existente fără niciun cost suplimentar, așa că nu trebuie să plătiți nimic în plus pentru a avea acces la aceste widget-uri minunate!

Dacă aveți PowerPack, puteți descărca cea mai recentă versiune din zona contului și puteți începe să utilizați aceste widget-uri imediat!

Dacă nu aveți PowerPack, îl puteți obține acum!

Spuneți-ne ce părere aveți despre noile widget-uri comentând mai jos!

Citiți mai multe tutoriale WooCommerce:

  1. Cum să construiți un magazin WooCommerce personalizat folosind Elementor?
  2. Cum să personalizați pagina de plată WooCommerce cu Elementor?
  3. Cum se creează un carusel de produse WooCommerce folosind Elementor?
  4. Cum să personalizați pagina contului meu WooCommerce folosind Elementor?