Cum să personalizați pagina coșului WooCommerce

Doriți să editați pagina coșului dvs. pentru a o face mai ușor de utilizat și pentru a obține cele mai bune rezultate? Ai venit la locul potrivit. În acest articol, vă vom arăta diferite metode de a personaliza pagina coșului WooCommerce.

Înainte de a vedea cum să facem asta, să aruncăm o privire la pagina implicită a coșului și să înțelegem de ce ar trebui să o personalizați în primul rând. Să înțelegem mai bine ce poți personaliza și cum va beneficia magazinul tău.

De ce editați pagina coșului de cumpărături?

În calitate de proprietar de magazin, ar trebui să încercați să optimizați fiecare aspect al afacerii dvs. Am văzut anterior cum să personalizăm Pagina de magazin, Paginile de produse și Pagina de finalizare a achiziției. În această postare, ne vom concentra pe Pagina Coș.

Pagina coșului este cheia atunci când vine vorba de deciziile de cumpărare ale clienților. Este locul în care cumpărătorul își revizuiește comanda înainte de a finaliza achiziția. Astfel, pagina de coș ar trebui să ofere un plus de valoare clientului pentru a-și spori șansele de conversie.

Abandonarea coșului este una dintre principalele dureri ale magazinelor online, deoarece aproximativ 80% dintre utilizatori își abandonează cărucioarele. De aceea ar trebui să acordați o atenție deosebită paginii coșului dvs. Chiar și o mică îmbunătățire a abandonului coșului poate avea un impact mare asupra vânzărilor.

În mod implicit, modul în care arată și se comportă pagina coșului depinde de tema dvs. activă. De exemplu, iată cum arată pagina coșului cu tema Astra.

Și iată cum arată cu tema implicită Twenty-Twenty One.

După cum puteți vedea, aspectul paginii coș variază drastic în funcție de fiecare temă. În plus, pagina de coș implicită este destul de simplă. Chiar dacă își face treaba, nu oferă nicio funcționalitate suplimentară, ratând oportunități de vânzare încrucișată, de a face oferte speciale și așa mai departe.

Personalizând pagina coșului, puteți îmbunătăți experiența de utilizare a clientului dvs. Puteți adăuga un mesaj personalizat pentru o actualizare importantă, puteți afișa produse similare, puteți adăuga un buton de întoarcere în coș, puteți schimba mesajul Adăugare în coș și multe altele. Aceste lucruri contribuie la îmbunătățirea experienței utilizatorului, ceea ce are ca rezultat clienți mulțumiți.

Pentru a rezuma, îmbunătățirea paginii coșului poate fi foarte benefică pentru afacerea dvs. online și merită efortul. Acum să facem un pas înainte și să vedem diferite moduri de a personaliza pagina coșului în WooCommerce .

Cum să personalizați pagina coșului WooCommerce

Există diferite moduri de a personaliza pagina coșului din magazinul dvs. WooCommerce:

1. Cu blocurile WooCommerce implicite
2. Folosind pluginuri
3. Cu Page Builders
4. Din punct de vedere programatic

Să aruncăm o privire mai atentă asupra fiecărei metode, astfel încât să o poți alege pe cea mai potrivită pentru tine.

1. Blocuri WooCommerce implicite

Gutenberg, editorul de blocuri WordPress, vine cu un set de blocuri implicite dedicate WooCommerce. Acestea includ Toate produsele, Produsele recomandate, Produsele de filtrare, Toate recenziile și multe altele. Există un total de 20 de blocuri WooCommerce pe care le puteți adăuga la orice pagină de pe site-ul dvs., la fel ca blocurile Gutenberg obișnuite.

1.1) Adăugați blocul Toate produsele

Navigați la pagina Coș sau creați o pagină nouă în WordPress. Faceți clic pe pictograma + din stânga sus pentru a dezvălui un set complet de blocuri disponibile pentru editorul Gutenberg. Apoi, derulați în jos la secțiunea Blocuri WooCommerce și găsiți blocul Toate produsele . Faceți clic și trageți-l în zona paginii și va adăuga blocul în pagina dvs.

După ce ați adăugat blocul pe pagina dvs., toate produsele din inventarul dvs. vor fi afișate aici. Puteți modifica în continuare setările produselor afișate din meniul de setări din secțiunea cea mai din dreapta și puteți modifica numărul de coloane, rânduri, sortare și multe altele.

1.2) Adăugați blocul Cele mai noi produse

Blocul Cele mai noi produse va afișa toate noile adăugări la inventarul dvs. Pur și simplu faceți clic și trageți blocul Cele mai noi produse pe pagina dvs. și va afișa cele mai recente produse. În plus, puteți personaliza setările blocului din meniul de setări.

1.3) Adăugați produse alese manual

Blocul Produse alese manual vă permite să selectați manual produsele pe care doriți să le afișați pe o pagină. Acesta poate fi un instrument excelent pentru a prezenta anumite produse pe o pagină sau pentru a evidenția anumite produse pe o altă pagină.

Pentru a adăuga blocul pe site-ul dvs., pur și simplu trageți blocul Produse alese manual pe pagină. Va afișa o bară de căutare unde puteți căuta produsele pe care doriți să le evidențiați. Găsiți produsul dorit și faceți clic pe el pentru a-l adăuga pe listă. În mod similar, puteți repeta procesul și puteți adăuga mai multe produse pe listă.

După ce ați adăugat toate produsele pe care le doriți în listă, apăsați butonul Terminat și voila! Produsele tale alese manual sunt acum afișate pe pagină. Așa cum am văzut anterior, editați setările din meniul de setări.

În mod similar, puteți adăuga orice alt bloc WooCommerce pe care îl doriți. Puteți alege un singur bloc pe o pagină întreagă sau mai multe blocuri pe aceeași pagină. Posibilitățile sunt nesfârșite.

Am văzut cum blocurile WooCommerce implicite vă pot ajuta să personalizați pagina Mașină. Acum, să trecem la următoarea secțiune și să vedem cum putem personaliza pagina coșului de cumpărături folosind pluginuri terțe.

2. Pluginuri pentru a personaliza pagina Coș

Există mai multe plugin-uri pe care le puteți folosi pentru a edita Pagina Coș. În această secțiune, vom arunca o privire la unele dintre cele mai bune.

2.1) Blocuri WooCommerce

WooCommerce Blocks este un plugin de acces timpuriu la blocurile experimentale WooCommerce. Vă permite să încercați noi blocuri WooCommerce înainte de a fi lansate în editorul de blocuri implicit.

La momentul scrierii acestei postări, pluginul adaugă două blocuri suplimentare: coș și casă. Când activați blocurile WooCommerce, blocurile de coș și de casă sunt adăugate automat în editorul de blocuri și le puteți utiliza în același mod ca orice alt bloc.

Pentru a afișa coșul pe o pagină, trageți pur și simplu blocul coșului și va apărea coșul dvs. Puteți personaliza apoi fiecare secțiune de coș individual și blocul de coș în întregime. În plus, îl puteți edita chiar și pentru cărucioarele pline și goale.

În mod similar, puteți afișa formularul de plată pe o pagină și îl puteți personaliza după bunul plac. De asemenea, puteți personaliza parametrii fiecărui bloc în setări, precum și întregul bloc de casă.

În plus, puteți plasa numeroase blocuri pe o singură pagină alături de coșul sau pagina de finalizare a achiziției, ceea ce nu era posibil anterior. Acest lucru vă oferă multă flexibilitate și vă permite să proiectați pagina coșului exact așa cum doriți.

În timp ce adăugați aceste blocuri, este posibil să primiți un avertisment de compatibilitate care indică faptul că pluginul poate avea probleme de compatibilitate cu alte plugin-uri sau extensii. Acest lucru se datorează faptului că anumite blocuri sunt experimentale și sunt în curs de dezvoltare. Prin urmare, acestea ar trebui folosite doar pentru a încerca noi funcții și nu în producție. Vor fi lansate ca blocuri WooCommerce implicite odată ce sunt stabile.

Caracteristici

• Experimentarea cu noi blocuri în scopuri de testare
• Încercați blocurile pentru coș și casă
• Raportați erori și erori dacă sunt găsite

Prețuri

Acesta este un plugin gratuit.

Dacă doriți să încercați mai multe plugin-uri pentru a vă edita pagina Coș, aruncați o privire la celelalte două:

2.2) StoreCustomizer

StoreCustomizer este un pachet all-in-one care vă permite să vă personalizați complet magazinul WooCommerce. Puteți personaliza orice, de la paginile de produse până la pagina magazinului, pagina contului, pagina coșului și pagina de finalizare a comenzii.

Pentru început, puteți personaliza fonturile și culorile globale utilizate în magazin. De asemenea, puteți personaliza fiecare pagină în mod individual, îi puteți modifica aspectul, puteți adăuga noi funcționalități și caracteristici și multe altele.

Pluginul elimină nevoia de a scrie fragmente personalizate pentru a personaliza părți din magazinul dvs. WooCommerce. Adaugă codul necesar în sine, deci nu este nevoie să creați nicio temă copil sau să adăugați fragmente de cod personalizate, deoarece totul este gestionat de plugin.

În cele din urmă, toate opțiunile sunt integrate convenabil în personalizarea temei. Ca rezultat, personalizarea magazinului WooCommerce face ca și fără probleme.

Caracteristici

• Plugin totul într-unul pentru a vă personaliza magazinul WooCommerce
• Personalizați paginile de produse, pagina de magazin, pagina de cont, pagina de coș și finalizarea comenzii
• Schimbați designul magazinului după bunul plac
• Adăugați funcții și funcționalități suplimentare magazinului dvs. fără nicio codificare
• Acces ușor prin personalizarea temei, ceea ce face personalizarea fără efort
• Extrem de ușor și adaugă doar codul necesar

Prețuri

Acesta este un plugin freemium, ceea ce înseamnă că are atât versiuni gratuite, cât și versiuni premium. În timp ce versiunea gratuită oferă opțiuni decente de personalizare, planurile premium încep de la 49 USD pe an pentru un singur site și vă oferă o experiență avansată de personalizare. Acestea includ un an de actualizări și asistență.

2.3) Plugin-ul WooCommerce Fast Cart

WooCommerce Fast Cart este conceput pentru a accelera procesul de cumpărare pentru consumator. În loc să aveți pagini separate de coș și de plată, puteți utiliza pluginul pentru a crea un coș pop-up și pagini de plată. În plus, puteți sări peste pagina coșului și să treceți direct la finalizarea comenzii.

Atât coșul de cumpărături, cât și paginile pop-up de plată pot fi complet personalizate. Puteți modifica tipografia și culorile pentru a se potrivi cu tema site-ului dvs. De asemenea, puteți ajusta poziția butoanelor și personaliza aspectul coșului.

Mai mult, puteți aplica cupoane din pagina coșului de cumpărături și puteți utiliza coșul pop-up pentru a prezenta produse relevante prin activarea vânzărilor încrucișate. În cele din urmă, pluginul este extrem de ușor și bine optimizat și acceptă toate canalele de plată utilizate pe scară largă, cum ar fi PayPal, Stripe și Amazon.

Caracteristici

• Adăugați un coș pop-up și o pagină de plată pentru conversii instantanee
• Setați numai coșul sau finalizarea comenzii sau ambele pagini în fereastra pop-up
• Extrem de personalizabil
• Ușoare și optimizate
• Funcționează cu toate gateway-urile de plată populare, cum ar fi PayPal, stripe, amazon

Prețuri

Acesta este un plugin premium care costă 79 USD pe an pentru un singur site. Veți primi, de asemenea, o garanție de rambursare a banilor de 30 de zile.

În această secțiune, am văzut unele dintre cele mai bune plugin-uri pentru a personaliza pagina coșului WooCommerce. Să aruncăm o privire la unele dintre personalizările pe care le putem realiza. Pentru demonstrație, vom folosi plugin-ul StoreCustomizer. Să începem.

Personalizați pagina coșului folosind StoreCustomizer

StoreCustomizer este un plugin bogat în funcții care vă permite să personalizați aproape fiecare aspect al magazinului dvs. WooCommerce. În secțiunea anterioară, am aruncat o privire asupra caracteristicilor și funcțiilor pluginului. Acum să vedem cum puteți folosi StoreCustomizer pentru a personaliza pagina coșului.

Instalați și activați pluginul

Mai întâi, accesați tabloul de bord de administrare WordPress și navigați la Plugin-uri > Adăugați nou. Căutați pluginul StoreCustomizer , faceți clic pe butonul Instalați acum și apoi activați-l.

Personalizați pagina coșului

După ce ați activat pluginul, accesați Aspect > Personalizare pentru a accesa personalizarea temei.

StoreCustomizer încorporează instrumentele și funcțiile sale de personalizare în personalizarea temei. Pur și simplu navigați la StoreCustomizer > Cart Page din meniul de personalizare a temei și veți găsi toate opțiunile pentru a edita pagina coșului.

Personalizări de bază

Începând cu personalizările de bază, aveți câteva posibilități. Puteți să dezactivați cupoanele din pagina coșului, să împiedicați utilizatorul să modifice cantitatea din coș sau să faceți ca coșul să se actualizeze automat atunci când utilizatorul actualizează cantitatea articolului. Puteți, de asemenea, să ștergeți linkurile către pagina produsului, să afișați metadatele produsului, să enumerați produsele în stoc și multe altele.

Adăugați butonul Înapoi la magazin

Un buton de întoarcere la magazin permite utilizatorului să revină la pagina magazinului dacă trebuie să adauge ceva în coș. Este o idee bună să adăugați acel buton, deoarece oferă clienților o experiență de cumpărături mai bună.

StoreCutomizer vă permite să adăugați un buton de întoarcere la magazin pe pagina coșului dvs. și să schimbați complet designul și senzația acestuia. Mai mult, puteți modifica textul butonului și îl puteți lega la orice pagină. În cele din urmă, puteți modifica și poziția butonului pentru a se potrivi nevoilor dvs.

Afișați reducerea/Suma salvată

Afișarea reducerii/suma salvată vă permite să includeți un bloc în secțiunea Preț total care afișează reducerea pe care o primește un utilizator la o achiziție atunci când folosește un cupon sau în timpul unei vânzări la nivel de magazin. Îi puteți da orice nume doriți, precum și să schimbați fundalul și culoarea fontului.

Vânzările încrucișate și totalurile coșului

De asemenea, puteți afișa produse similare sau prezentate pe pagina coșului. De obicei, aceste articole sunt strâns legate de produsele din coș, așa că este posibil ca utilizatorii să le adauge în coșul lor, ajutându-vă să vă creșteți vânzările.

Folosind pluginul StoreCustomizer, puteți alege numărul total de vânzări încrucișate de afișat și produsele de afișat pe rând. Aveți opțiunea de a muta secțiunea de vânzări încrucișate sub totalurile coșului sau de a o lăsa ca implicită. În cele din urmă, puteți modifica titlul vânzărilor încrucișate sau chiar elimina întreaga secțiune de vânzări încrucișate dacă doriți.

În afară de vânzările încrucișate, puteți modifica titlul secțiunii Totaluri coș.

Editați pagina goală de coș

Pagina implicită Empty Cart afișează un mesaj care informează utilizatorul că coșul este gol. StoreCustomizer, vă permite să vă creați mesajul personalizat pentru a invita utilizatorul să exploreze magazinul.

De asemenea, puteți include un buton Înapoi la magazin pentru a redirecționa clienții către magazin. Puteți personaliza în întregime designul și senzația butonului, inclusiv culoarea butonului, fontul și textul.

Personalizați tabelul de coș și treceți la butoanele de finalizare a achiziției

În zona Componente de proiectare a paginii coș StoreCustomizer, puteți personaliza tabelul coșului de cumpărături, precum și butonul Continuați la finalizarea comenzii. Puteți ajusta dimensiunile butoanelor, culorile, fontul și multe altele.

După cum puteți vedea, pluginurile vă pot ajuta să personalizați o mare parte din pagina dvs. de coș WooCommerce. Cu toate acestea, există și alte opțiuni. În secțiunea următoare, vom vedea cum creatorii de pagini vă permit să editați pagina coșului.

3. Cu Page Builders

Creatorii de pagini sunt o soluție unică pentru toate nevoile de modificare a site-ului dvs. Cei mai populari creatori de pagini au o secțiune dedicată WooCommerce care vă permite să personalizați complet întregul magazin.

Puteți folosi creatorii de pagini pentru a schimba pagina coșului și orice alte pagini WooCommerce. Creatorii de pagini se bazează de obicei pe conceptul de blocuri sau widget-uri. Există widget-uri pentru diferite funcționalități și caracteristici multiple și le puteți adăuga la orice pagină doriți și le puteți edita.

Când lucrezi cu creatorii de pagini, ai multă autonomie în ceea ce privește personalizarea. În plus, creatorii de pagini vin cu o varietate de șabloane prefabricate care sunt complet preconfigurate și proiectate creativ pentru a fi utilizate.

Dacă doriți să utilizați un generator de pagini, cele două opțiuni cele mai populare și preferate sunt Elementor și Divi. Ambii acești generatori de pagini au un set de blocuri specifice WooCommerce.

De exemplu, Elementor include 22 de blocuri distincte pentru WooCommerce pe care le puteți utiliza. Cu toate acestea, merită menționat faptul că blocurile WooCommerce din Elementor sunt disponibile doar în versiunea Pro.

În cazul Divi, aveți acces la 17 blocuri WooCommerce. Divi este un generator de pagini premium, așa că va trebui să plătiți pentru a obține acces la aceste funcții.

Pluginurile și creatorii de pagini nu sunt singurele modalități de a personaliza pagina coșului WooCommerce. De asemenea, puteți adăuga fragmente de cod personalizate pentru a personaliza și îmbunătăți funcționalitatea paginii coșului. Dacă aveți niște abilități de codare, următoarea secțiune este pentru dvs. Să vedem cum poți schimba pagina coșului în mod programatic.

4. Programatic

Înainte de a merge mai departe, vă recomandăm să creați o copie de rezervă completă a site-ului dvs. și să utilizați o temă copil pentru a edita fișierul functions.php . Dacă nu știți cum să o faceți, consultați ghidul nostru despre cum să creați o temă copil sau să utilizați oricare dintre aceste pluginuri pentru tema copil.

După ce ați configurat tema copilului, accesați WP Admin Dashboard > Aspect > Theme Editor. Aici, puteți adăuga fragmente de cod personalizate la sfârșitul fișierului functions.php al temei copilului.

Fragmentele de cod pluginul este o altă opțiune pentru adăugarea de fragmente de cod pe site-ul dvs. Puteți instala pluginul din depozitul WordPress pentru a adăuga fragmente pe site-ul dvs. Chiar dacă cu Fragmente de cod, nu aveți nevoie de o temă pentru copii, vă recomandăm întotdeauna să aveți una.

Acum să vedem câteva dintre fragmentele de cod pe care le puteți folosi pentru a vă personaliza pagina coșului WooCommerce.

4.1) Mesaj personalizat pe pagina coșului

Mai întâi, să învățăm cum să personalizăm mesajul de pe pagina coșului. Acest lucru poate fi util pentru a oferi informații esențiale utilizatorului dvs. De exemplu, le puteți oferi notificări precum „Livrările pot dura mai mult din cauza COVID”, le puteți informa despre o promoție și așa mai departe. Pur și simplu înlocuiți „ Acesta este textul meu personalizat ” din fragment cu propriul dvs. și postați-l pe site-ul dvs. web.

 // Adăugați un mesaj personalizat la pagina coșului WooCommerce
add_action( 'woocommerce_before_cart_table', 'shop_message', 20 );
function shop_message() {
echo '<p class="woocommerce-message">Acesta este textul meu personalizat</p>'; // Schimbați acest text
}

Terminat! Aceasta va afișa un mesaj personalizat pe pagina coșului dvs.

4.2) Conținut personalizat pentru pagina de coș goală

Personalizarea paginii Coșul gol este foarte importantă. Pagina implicită Empty Cart afișează doar un mesaj care spune că coșul este gol. Cu toate acestea, folosind următorul fragment, îl puteți personaliza într-un mesaj mai prietenos și mai interactiv, care îi direcționează utilizatorul să exploreze inventarul dvs., oferindu-i informații despre produsele dvs. și așa mai departe.

Pur și simplu înlocuiți „ Nu ați adăugat niciun articol în coș. Verificați inventarul nostru și veți adora produsele noastre ” cu mesajul pe care doriți să-l afișați.

 // Adaugă conținut personalizat la pagina goală de coș Woocommerce

add_action( 'woocommerce_cart_is_empty', 'empty_cart_custom_content');
funcția empty_cart_custom_content() {
echo '<h4>Nu ați adăugat niciun articol în coș. Verificați inventarul nostru și veți adora produsele noastre</h4>'; //Înlocuiește mesajul cu propriul tău mesaj
echo do_shortcode('
 ');
} 

4.3) Butonul Goliți coșul de pe pagina coșului

Chiar dacă a oferi cumpărătorilor opțiunea de a-și goli cărucioarele poate părea contraproductiv, adevărul este că oferă o experiență mult mai bună. În astfel de circumstanțe, puteți include un buton Gol coș care le permite utilizatorilor să elimine toate articolele din cărucioarele lor.

Pentru a adăuga un buton Coș gol, pur și simplu utilizați următorul fragment de cod.

 // Butonul „Golește coșul” de pe pagina coșului Woocommerce

add_action( 'woocommerce_cart_coupon', 'woocommerce_empty_cart_button');
funcția woocommerce_empty_cart_button() {
echo '<a href="' . esc_url( add_query_arg( 'empty_cart', 'yes' ) ) . '" class="button cart"
title="' . esc_attr( 'Coșul gol', 'woocommerce' ) . '">' . esc_html( 'Coșul gol', 'woocommerce' ) . „</a>”;
}

add_action( 'wp_loaded', 'woocommerce_empty_cart_action', 20 );
funcția woocommerce_empty_cart_action() {
if ( isset( $_GET['empty_cart'] ) && 'yes' === esc_html( $_GET['empty_cart'] ) ) {
WC()->cart->empty_cart();
$referer = wp_get_referer() ? esc_url( remove_query_arg('empty_cart' ) ): wc_get_cart_url();
wp_safe_redirect($referer);
}
}

Dacă butonul nu este separat de celelalte butoane din tabelul de coș, poate fi necesar să îl adăugați la Personalizator > CSS suplimentar.

 a.button.cart {
margine-stânga: 10px;
} 

Am văzut câteva fragmente de cod pentru a vă edita pagina coșului. Luând aceste fragmente ca bază și adaptându-le, vă puteți personaliza complet pagina coșului și vă puteți crește vânzările.

Până acum, am văzut diferite metode de a personaliza pagina coșului WooCommere: cu opțiunile implicite, cu pluginuri, creatori de pagini și programatic.

Acum să facem un pas mai departe și să vedem cum puteți ocoli pagina coșului de cumpărături pentru a face experiența de cumpărare a clientului mai rapidă. Să vedem cum poți sări peste pagina coșului.

Cum să sari peste pagina coșului

Unele magazine preferă să sară peste pagina coșului de cumpărături și să permită clienților să revizuiască și să plătească pentru comanda lor pe pagina de finalizare a comenzii. Acest lucru scurtează pașii de care au nevoie clienții pentru a finaliza achiziția, făcând experiența de cumpărături mai rapidă.

Pentru a sări peste pagina coșului, accesați Tabloul de bord WP Admin și navigați la WooCommerce > Setări. Sub fila Produse , selectați Setări generale din submeniu și bifați opțiunea „Redirecționare către pagina coș după adăugare cu succes” . După aceea, nu uitați să salvați modificările.

Apoi, accesați fila Avansat și selectați Configurare pagină . Schimbați pagina implicită Coș la Checkout și salvați modificările.

Terminat! Acum puteți accesa partea frontală a site-ului dvs. web și puteți verifica singur.

Interesant, sărirea peste pagina Coș prin setările implicite WooCommerce nu este singura modalitate. Puteți realiza același lucru folosind plugin-uri dedicate sau fragmente de cod personalizate. Pentru mai multe informații despre aceasta, consultați ghidul nostru despre cum să săriți peste pagina coșului în WooCommerce.

Bonus: Cum se modifică, procedează la textul de plată

O altă modalitate bună de a vă edita pagina coșului este să schimbați textul „ Continuați cu finalizarea achiziției” . Aceasta este o opțiune interesantă, astfel încât textul să fie mai semnificativ pentru magazinul dvs. De exemplu, dacă vindeți produse digitale care sunt disponibile într-un plan de abonament, „Abonați-vă acum” este o opțiune mai bună decât „Proceed to Checkout”.

În acest articol, am explicat deja cum să editați butonul „ Proceed to Checkout ” și textul folosind plugin-ul StoreCustomizer. În această secțiune, vom vedea o altă modalitate de a schimba textul „Proceed to Checkout” folosind un fragment de cod personalizat.

De exemplu, să aruncăm o privire la următorul fragment pentru a înlocui butonul Continuați la finalizare cu „Du-mă la finalizare”. Pur și simplu schimbați textul „ Du-mă la casă ” cu orice doriți.

 //Schimbați textul de procedură la finalizare

remove_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout',20);
add_action( 'woocommerce_proceed_to_checkout', 'custom_button_proceed_to_checkout',20);

funcția custom_button_proceed_to_checkout() {
echo '<a href="'.esc_url(wc_get_checkout_url()).'" class="checkout-button button alt wc-forward">' .
__(„Du-mă la Checkout”, „woocommerce”) . „</a>”; //Înlocuiește „du-mă la Checkout” cu textul tău 

Asta e tot! Acum puteți schimba textul „ Proceed to Checkout ” de pe pagina coșului dvs. folosind fragmentul de cod de mai sus. Cu toate acestea, este mai mult. Dacă doriți mai multe informații despre acest lucru, consultați postarea noastră despre cum să schimbați textul „Proceed to Checkout”.

Concluzie

Una peste alta, pagina coșului tău este una dintre cele mai importante pagini din magazinul tău online, așa că ar trebui să merite toată atenția ta. Este pagina în care clienții dvs. își examinează comenzile înainte de a-și finaliza tranzacțiile, așa că necesită o atenție specială.

În mod implicit, pagina coșului este definită de tema activă și oferă funcționalități limitate. Cu toate acestea, puteți face mult mai multe cu pagina coșului dvs., cum ar fi adăugarea unui mesaj personalizat sau vânzări încrucișate pentru a vă crește vânzările. De asemenea, puteți personaliza pagina coșului WooCommerce pentru a oferi clienților o experiență de cumpărare mai bună.

În acest articol, am văzut, în detaliu, cum să personalizați pagina coșului WooCommerce. Am început cu blocurile WooCommerce implicite care vin cu editorul de blocuri. Apoi am urmat pluginul WooCommerce Blocks, introducând două blocuri experimentale suplimentare. Apoi, am văzut unele dintre cele mai bune plugin-uri pentru personalizarea paginii coș și am văzut o demonstrație folosind plugin-ul StoreCustomizer. Am aruncat o privire și asupra unora dintre creatorii de pagini pe care îi puteți face pentru a personaliza pagina coșului. În cele din urmă, am aruncat o privire la câteva fragmente de cod care vă oferă mai mult control și flexibilitate asupra preferințelor dvs. de personalizare și vă permit să profitați la maximum de pagina coșului.

Pe lângă personalizarea paginii coșului, am văzut cum să sărim peste pagina coșului și cum să schimbați mesajul „Proceed to Checkout”, atât folosind plugin-ul, cât și programatic.

V-ați gândit vreodată să vă personalizați pagina coșului WooCommerce? Ce personalizări ați dori să faceți? Anunțați-ne în comentariile de mai jos.