Cum să proiectați coșul WooCommerce în Elementor [fără codare]

Publicat: 2022-01-11

Clienții tăi abandonează coșul WooCommerce la jumătatea achiziției? Știați că un motiv extrem de comun din spatele acestui lucru poate fi o pagină dezorganizată a coșului de cumpărături cu care utilizatorii o consideră confuză? Dar nu trebuie să vă mai faceți griji; cu cea mai recentă actualizare a Essential Addons pentru Elementor , vă oferim cea mai simplă soluție pentru a reduce ratele de abandonare a coșurilor și pentru a crește vânzările.

WooCommerce cart

În acest blog, vă vom prezenta motivele pentru care proiectarea personalizată a paginii coșului WooCommerce de pe site-ul magazinului dvs. este cea mai bună abordare de luat. Dar nu doar atât, vă vom prezenta și cel mai nou element Essential Addons creat doar pentru a vă ajuta să vă creați coșul dvs. proiectat profesional, care va aduce cu siguranță vânzări. Așa că, fără alte întârzieri, haideți să ne scufundăm și să aflăm mai multe.

De ce ar trebui să creați o pagină personalizată de coș WooCommerce?

Cercetările arată că aproape 7 din 10 clienți îți vor abandona coșul de cumpărături și nu se vor întoarce niciodată, chiar dacă sunt mulțumiți de produsele pe care le vinzi. Și așa cum am menționat la început, un motiv major pentru aceasta este o pagină de coș confuză sau aglomerată prin care clienții nu au reușit să navigheze.

Uneori, clienții dvs. potențiali nu pot să se întoarcă la pagina de cumpărături și să adauge alte produse de care au nevoie. În timp ce alteori, poate fi o problemă cu atașarea unui cod de cupon de vânzare pe care sperau să îl folosească. Cumpărătorii ar putea chiar să devină frustrați atunci când nu pot adăuga mai multe cantități din același produs după ce sunt deja pe pagina coșului WooCommerce .

WooCommerce cart

Și, de înțeles, poate fi destul de dezamăgitor să oferiți produse și servicii excelente și, totuși, să observați rate ridicate de abandonare a coșului de cumpărături – mai ales dacă se datorează unor probleme simple de proiectare a paginii. Dar grijile tale sunt acum pe cale să se termine, cu cea mai recentă versiune a echipei noastre de suplimente esențiale pentru Elementor . Citiți mai multe pentru a afla cum puteți crește cu ușurință vânzările cu o pagină de coș de comerț electronic cu aspect uimitor, cu aspect profesional, în Elementor .

Proiectați un coș WooCommerce profesional cu suplimente esențiale 5.0

Anul 2021 a fost un an uimitor pentru echipa noastră de suplimente esențiale pentru Elementor. Am atins cele mai mari repere și am crescut mai repede decât am visat vreodată. Și totul este datorită ție. Așadar, pentru a încheia anul pe aceeași notă înaltă și pentru a vă oferi cea mai bună experiență de construire web, vă oferim cea mai recentă actualizare Essential Addons 5.0.

Cea mai recentă versiune vine cu multe îmbunătățiri, elemente noi și extensii pentru a vă ajuta să vă dezlănțuiți abilitățile de proiectare web în Element cu deplină ușurință. Și suntem încântați să vă informăm că această actualizare vine și cu un widget exclusiv – EA Woo Cart .

Acest nou element incredibil vă permite să creați fără efort o pagină de coș WooCommerce de designer în magazinul dvs. folosind Elementor, în doar câteva clicuri și FĂRĂ CODARE . Deci, indiferent dacă sunteți nou în industria comerțului electronic sau un proprietar experimentat de magazin, puteți utiliza cu ușurință acest widget Essential Addons pentru a converti potențialii cumpărători de vitrine în clienți plătitori.

Și cel mai mare punct culminant este că este complet personalizabil în Elementor și vine cu multe aspecte de design diferite din care să alegi și se potrivește exact cu estetica magazinului tău WooCommerce. Continuați să citiți pentru a afla mai multe.

Configurați un cărucior EA Woo neted în Elementor, fără codare

Inutil să spunem că trebuie să vă asigurați că ați instalat și configurat deja pluginul WooCommerce pentru a vă construi magazinul la perfecțiune. Dar este important în acest caz, deoarece pentru ca acest widget avansat să funcționeze în Elementor Editor, trebuie să adăugați câteva produse în coș din magazinul dvs. WooCommerce. Odată ce s-a terminat, suntem cu toții gata să folosim fără efort widgetul EA Woo Cart din magazinul dvs. Urmați pașii de mai jos pentru a afla cum:

Pasul 1: Setați pagina de coș WooCommerce dorită

În primul rând, navigați la pagina WooCommerce → Setări direct din tabloul de bord WordPress și apoi accesați fila „Avansat” . De aici, puteți atribui oricare dintre paginile dorite ca nouă pagină de coș.

Pur și simplu faceți clic pe opțiunea „Pagină de coș” și alegeți orice pagină din meniul derulant ca pagină de coș WooCommerce, așa cum puteți vedea din imaginea de mai jos. Veți fi gata să plecați.

WooCommerce cart

Pasul 2: Editați coșul WooCommerce în Elementor

Următorul pas pe care trebuie să-l faceți este să vă editați pagina WooCommerce Cart folosind Editorul Elementor în doar câteva clicuri. Dar înainte de a putea face acest lucru, trebuie să activați elementul EA Woo Cart cu Essential Addons pentru Elementor.

Asigurați-vă că ați instalat cea mai recentă versiune a Essential Addons 5.0 PRO și apoi accesați fila „Elemente” din interfața de utilizator Essential Addons pentru Elementor. Veți găsi peste 80 de elemente disponibile aici, dar tot ce trebuie să faceți este să comutați opțiunea „ EA Woo Cart ” și să apăsați „ Salvare setări ” pentru a începe.

WooCommerce cart

Pasul 3: Editați coșul WooCommerce în Elementor

Acum sunteți gata să proiectați o pagină uimitoare de coș în Elementor. Așadar, mergeți pur și simplu la pagina coșului dvs. WooCommerce și apăsați „ editați cu Elementor ”.

Odată ce vă aflați în editorul Elementor, găsiți elementul „ EA Woo Cart ” din opțiunea Căutare” din fila „Elemente” . Apoi, pur și simplu trageți și plasați elementul „EA Woo Cart” în orice secțiune dorită în Editorul Elementor, așa cum se arată mai jos. Este chiar atât de ușor.

WooCommerce cart

Configurați fără efort fiecare aspect al căruciorului EA Woo

Coșul tău WooCommerce este acum setat, dar trebuie să fie stilat și personalizat pentru a-l face să arate profesional și ușor de înțeles pentru clienții tăi. Și această secțiune se va concentra asupra modului în care puteți face asta cu ușurință.

Pasul 1: Configurați setările generale ale EA Woo Cart

Pe panoul lateral Editor Elementor, veți găsi mai multe opțiuni, cum ar fi „Setări generale” , „Generator tabel” sau „Componente coș” în fila „Setări conținut”.

Din „Setări generale” , veți găsi 2 stiluri diferite de machete pentru căruciorul dvs. EA Woo din care să alegeți și să le personalizați după cum doriți, după cum se arată mai jos.

WooCommerce cart

Pasul 2: Schimbați etichetele din Table Builder

Apoi, din „ Table Builder ”, puteți modifica etichetele tabelului și puteți trage secțiunile pentru a rearanja tabelul de prețuri EA Woo Cart. Acest lucru vă oferă flexibilitate totală de a schimba fiecare etichetă din toate coloanele pe care le-ați adăugat în pagina coșului – „produs”, „preț”, „cantitate” etc.

WooCommerce cart

Pasul 3: Personalizați caracteristica componentei cărucior

Apoi, trecem la secțiunea „ Componentă coș ”, unde puteți comuta pur și simplu „ Butonul de actualizare coș ” pentru a le permite clienților să adauge mai multe produse în coșul lor.

Dar nu doar atât, puteți, de asemenea, să comutați „ Formularul cuponului ” pentru a permite clienților să adauge cu ușurință orice cupon pe care îl doresc în momentul plății pe pagina coșului WooCommerce. Pe lângă aceasta, puteți activa și opțiunea „ Continuați cumpărăturile ” pentru a ajuta clienții să revină din nou la pagina magazinului pentru a face mai multe cumpărături. Mai mult, puteți chiar să modificați textul „ Butonul de finalizare a achiziției” din această secțiune și să faceți apelul la acțiune mai interactiv.

WooCommerce cart

Toate aceste butoane și opțiuni îi vor ajuta pe clienții dvs. să înțeleagă în detaliu pagina coșului WooCommerce și, de asemenea, să navigheze prin această pagină cu ușurință. Și astfel, cu widget-ul EA Woo Cart, puteți reduce instantaneu ratele de abandon și de respingere a coșului simultan.

Personalizați complet stilul căruciorului EA Woo în câteva clicuri

Și, în sfârșit, odată ce ați configurat conținutul pentru pagina dvs. EA Woo Cart , este timpul să-l modelați pentru a se potrivi site-ului dvs. WooCommerce sau esteticii mărcii. Și pentru a face acest lucru, puteți pur și simplu să faceți clic pe fila „Stil” a editorului Elementor pentru a personaliza diferite zone ale paginii dvs.

Pasul 1: stilizați setările generale

Din secțiunea „General” , puteți schimba culoarea de fundal a întregii secțiuni EA Woo Cart. Veți putea să reglați manual culoarea fundalului EA Woo Cart sau să alegeți culori globale.

WooCommerce cart

Pasul 2: Intră în detalii cu secțiunea Tabel

Din secțiunea „Tabel”, puteți modifica umplutura, marginea, tipografia, tipul de chenar și așa mai departe a întregii secțiuni de coș. În cele din urmă, va face pagina dvs. EA Woo Cart să iasă în evidență față de alte magazine WooCommerce și să arate complet personalizată.

Pasul 3: Schimbați alte aspecte de design

Dar asta nu este tot. În același mod, puteți modifica aspectul „ Total coș ”, „ Formular cupon” , „ Continuați cumpărăturile ”, „Buton” și „Notificare” . Puteți chiar să schimbați și textele din interior.

WooCommerce cart

Pentru a adăuga mai multe funcționalități și a face pagina dvs. EA Woo Cart să arate mai interactivă și mai atractivă, puteți explora și opțiunile de setare „Avansate” .

WooCommerce cart

O pagină de coș WooCommerce de designer cu aspect profesionist

Si asta e. Cu acești pași mici și personalizare ușoară, puteți crea cu ușurință o pagină uimitoare de coș WooCommerce pentru site-ul dvs., conform preferințelor dvs. Și asta, fără a folosi o singură linie de codare.

Consultați rezultatul final de mai jos și vedeți cum este pagina dvs. de coș de designer cu aspect profesional în WooCommerce cu ajutorul widget-ului premium Essential Addons EA Woo Cart.

WooCommerce cart

Alte widget-uri exclusive pentru magazinul dvs. WooCommerce

Și cu asta, vrem să încheiem ghidul nostru final despre cum să proiectați un coș WooCommerce în Elementor fără codificare și cu ușurință totală. Dar înainte de a pleca, vrem să vă anunțăm despre toate celelalte widget-uri WooCommerce la care aveți acces din Essential Addons pentru Elementor.

Acest plugin remarcabil vă oferă un widget pentru a îmbunătăți fiecare aspect al magazinului dvs. WooCommerce în doar câteva clicuri. Mai sunt 7 elemente pe care le puteți analiza:

WooCommerce cart

Galeria de produse Woo

Woo Product Slider

Woo Product Carausel

Woo Product Grid

Comparați produse Woo

Colecții de produse Woo

Woo Checkout

Verificați-le de pe site-ul Essential Addons și creșteți instantaneu vânzările magazinului dvs. WooCommerce cu ușurință.

Actualizați la Essential Addons 5.0 și creșteți vânzările WooCommerce

Deci ce mai aștepți? Nu așteptați! Actualizați acum la Essential Addons 5.0 și alăturați-vă nouă pentru a crea un magazin WooCommerce unic și cu o conversie ridicată. Sau, consultați oricare dintre pachetele noastre PRO , începând cu un preț exclusiv de doar 39,97 USD și traficul, vânzările și conversiile cresc vertiginos folosind toate funcțiile noastre premium!

Dacă aveți sugestii, vă rugăm să ne anunțați în comentariile de mai jos sau să contactați echipa noastră de asistență; ne-ar face plăcere să aflăm feedback-ul dvs. Pentru mai multe actualizări, tutoriale și sfaturi și trucuri, abonați-vă la blogul nostru sau alăturați -vă comunității noastre prietenoase Facebook .