Cum să personalizați câmpurile de plată WooCommerce
Publicat: 2022-08-28Introducere
Găsiți un magazin WooCommerce și încă nu vă personalizați finalizarea comenzii? Probabil că ați pierde din vânzări din cauza abandonului căruciorului. S-a estimat că unul din cinci cumpărători își abandonează coșul din cauza unui proces complex de plată.
Din acest motiv, personalizarea paginii de plată este crucială pentru a obține o experiență simplificată de procesare a comenzilor.
În mod implicit, pagina de achiziție WooCommerce are unele limitări care vă pot descuraja să oferiți clienților dvs. experiența perfectă de cumpărături.
Un proces de plată complex și lung poate fi frustrant pentru clienții dvs. În alte cazuri, pagina de finalizare a achiziției ar putea solicita prea multe informații, făcând clienții reticenți în a-și împărtăși detaliile.
Se înrăutățește doar când descoperi cât de mult ai pierdut.
Această postare va arunca puțină lumină asupra modului în care puteți îmbunătăți fluxul de plată al magazinului dvs. personalizând pagina de plată.
Să intrăm direct în acest ghid.
Motive pentru care ați putea dori să vă personalizați pagina de plată WooCommerce
Pagina de finalizare a comenzii WooCommerce este ultimul pas pe care îl parcurg clienții înainte de a-și cumpăra comanda. Această secțiune, totuși, poate face o diferență semnificativă în procesul de cumpărare a comenzii.
Iată câteva motive pentru care ați putea lua în considerare personalizarea plății WooCommerce.
1. Îmbunătățiți experiența utilizatorului
Valoarea WooCommerce implicită cuprinde proceduri lungi care pot distrage atenția cumpărătorilor. Pentru a scurta acest proces, ați putea lua în considerare personalizarea plății. Detaliile de completare automată, cum ar fi numărul de telefon, adresa și detaliile cardului, pot ajuta la reducerea timpului necesar unui client pentru a completa aceste detalii. Oferirea unei astfel de caracteristici va scurta procesul de finalizare a comenzii, ceea ce va duce la o experiență de cumpărături mai bună pentru clienții dvs.
2. Creșteți rata de conversie
Accelerarea procesului de plată îi ajută pe clienți să ia decizii mai rapide. Cumpărătorii sunt distrași sau plictisiți când umple mai multe pagini înainte de a plasa comenzile. La rândul său, acest lucru îi determină să-și abandoneze cărucioarele. Cu toate acestea, atunci când procesul de comandă este scurt, clienții își vor plasa rapid comenzile și vor efectua plăți, crescându-vă vânzările.
3. Oferiți o experiență de plată sigură
Un proces de plată securizat oferă clienților o experiență excelentă de cumpărături. Pentru a câștiga încrederea clienților dvs., ar trebui să oferiți o poartă de plată sigură la finalizare. Acest lucru asigură clienților că datele lor personale și informațiile de facturare sunt în siguranță. În consecință, acest lucru va facilita relații și implicare mai bune.
Personalizarea paginii de plată WooCommerce
1. Folosind un plugin pentru a schimba câmpurile de plată WooCommerce
Pluginurile oferă o modalitate rapidă și simplă de a vă personaliza câmpul de plată în funcție de preferințele dvs. Un astfel de plugin este pluginul WooCommerce Checkout Field Editor, care vă permite să adăugați, editați și eliminați cu ușurință câmpuri într-un proces fără cod. Să explorăm rapid cum să folosiți acest plugin în doar câțiva pași simpli.
Pasul 1: Instalare
Pentru început, va trebui să descărcați fișierul .zip al extensiei din contul dvs. WooCommerce. Pe tabloul de bord WordPress, accesați WooCommerce > Plugin-uri > Adăugați nou. Faceți clic pe „Încărcați pluginul” și încărcați fișierul pe care tocmai l-ați descărcat. Odată ce fișierul este încărcat, faceți clic pe butonul „Instalare acum” și activați extensia.
Pasul 2: Configurare și configurare
În acest moment, trebuie să configurați setările pluginului. Accesați WooCommerce > Formular de plată.
Pasul 3: Personalizarea câmpurilor de plată
Veți găsi două file în setările principale, „Câmpuri de plată” și „Setări avansate”. Sub acestea sunt trei câmpuri disponibile pentru editare:
Facturare: includeți câmpul pentru plată și adresa de facturare la finalizare
Livrare: Includeți câmpul de expediere la finalizarea comenzii
Adițional: aceasta este secțiunea de lângă secțiunile de facturare și expediere la finalizare
Selectați câmpul în care doriți să faceți modificări pentru a personaliza această secțiune și faceți clic pe butonul „Eliminare”, „Activare” sau „Dezactivare”.
Pasul 4: Adăugarea/editarea câmpurilor personalizate
În colțul din stânga sus al paginii de setări, faceți clic pe „+Adăugați câmp” pentru a adăuga un câmp nou. Va apărea un ecran pop-up cu câteva câmpuri goale. Adăugați toate detaliile pe care le considerați relevante pentru câmpul personalizat. După ce ați făcut modificările, nu uitați să vă salvați munca făcând clic pe butonul „Salvare”.
Pasul 5: Configurarea setărilor avansate
Lângă „Câmpuri de plată”, veți găsi fila „Setări avansate”. Puteți personaliza setările de înlocuire a localizării activând/dezactivând casetele de selectare. Faceți clic pe „Salvați modificările” după ce ați terminat.
Pasul 6: Resetarea câmpurilor de plată
Pentru a aplica setările originale câmpurilor dvs., accesați WooCommerce > Stare > Instrumente. Navigați la „Câmpurile de plată” și selectați butonul „Resetați câmpurile de plată”. Toate câmpurile dvs. vor reveni la setările inițiale.
Înainte de a continua, iată o metodă diferită de a configura o pagină de plată WooCommerce cu Divi.
2. Utilizarea codului pentru a personaliza câmpurile de plată WooCommerce
Codarea personalizată este o metodă diferită care vă permite să vă personalizați finalizarea plății WooCommerce. Această metodă este mai bună decât utilizarea unui plugin terță parte, deoarece aveți mai mult control asupra personalizării.
De asemenea, puteți utiliza fișierul functions.php și filtrele site-ului dvs. pentru a vă edita pagina de plată. Unele dintre filtre includ:
woocommerce_checkout_fields
woocommerce_billing_fields
Woocommerce_shipping_fields
Cu acțiunile și filtrele WooCommerce, puteți manipula câmpurile de plată în orice mod doriți. Puteți adăuga, edita, elimina sau chiar modifica textul afișat pe pagina dvs. de plată.
Conectarea produselor direct la pagina de plată WooCommerce
Vom folosi metoda manuală pentru a conecta produsele noastre direct la finalizarea comenzii WooCommerce. Urmați pașii de mai jos:
Pasul 1: Găsiți ID-ul produsului
Pentru a găsi ID-ul produsului în tabloul de bord WP, accesați Produse > Toate produsele. Aici, veți găsi diverse produse cu numerele lor de identificare a produsului chiar sub ele.
Pasul 2: Creați un link
Să începem cu o scurtă ilustrare. Luați un caz în care aveți această adresă URL: www. yourdomain.com//checkout/?add-to-cart=ID
Va trebui să înlocuiți „domeniul dumneavoastră” și „ID” cu numele domeniului și, respectiv, ID-ul produsului specific al produsului pe care doriți să îl conectați.
Pasul 3: Copiați și lipiți
Deoarece am găsit deja ID-ul produsului nostru, vom adăuga adresa URL a produsului nostru astfel www. yourdomain.com//checkout/?add-to-cart=1127
După ce ați terminat, puteți plasa acest link oriunde pe site-ul dvs. WooCommerce.
Aplicarea transportului gratuit per produs în WooCommerce
Oferirea de transport gratuit este o modalitate perfectă de a atrage clienții să cumpere din magazinul dvs. În plus, puteți personaliza setările de expediere pentru a se aplica numai comenzilor specifice în care cumpărătorii ating suma țintă predefinită.
De exemplu, iată pașii pe care ar trebui să îi urmați pentru a declanșa livrarea gratuită pentru comenzile de peste 100 USD.
Navigați la WooCommerce > Setări > Livrare. Apoi, accesați zona de expediere în care intenționați să aplicați modificările și faceți clic pe linkul „Editați”.
Faceți clic pe butonul „Adăugați zonă de expediere” dacă încă nu ați adăugat zone. În caz contrar, faceți clic pe butonul „Adăugați metoda de expediere”. Veți găsi o listă cu metodele de expediere în această secțiune.
Faceți clic pe butonul „Editați” de sub Livrare gratuită.
Se va deschide un panou „Setări de livrare gratuită”, unde veți selecta „O sumă minimă de comandă” ca opțiune preferată. În cele din urmă, faceți clic pe „Salvați modificările” pentru a vă aplica setările.
Concluzie
Doriți să vă duceți afacerea WooCommerce la următorul nivel? Adăugarea de modificări la pagina dvs. de finalizare a achiziției poate avea un impact semnificativ asupra site-ului dvs. De la creșterea ratelor de conversie până la oferirea clienților tăi cea mai bună experiență de cumpărături posibilă.
În acest articol, am explicat cum vă puteți personaliza pagina de plată folosind pluginul Checkout Field Editor și prin codificare. Când vă configurați pagina de plată, procedurile complexe de plată, distragerile și câmpurile inutile sunt doar câteva lucruri la care trebuie să aveți grijă.
Mai mult, cel mai bine ar fi să vă gândiți să vă conectați produsele direct la finalizarea comenzii, să adăugați câmpuri personalizate și să declanșați livrarea gratuită pentru a reduce abandonul coșului. Te simți mulțumit de pagina ta actuală de plată?
Mai sunt multe de explorat în acest domeniu. Cu toate acestea, sper că ați văzut cât de ușor este să modificați diferite componente de casă. A fost utilă această postare? De ce să nu-l partajați cu rețeaua dvs.?
Cum pot personaliza aspectul paginii mele de plată pentru un aspect mai bun?
Urmați aceste sfaturi pentru o pagină de plată mai bună
Alegeți un șablon personalizat atractiv pentru pagină de plată
Folosiți mai puține câmpuri de formular pe pagina de finalizare a achiziției
Adăugați simboluri de încredere
Folosiți mărturii pentru validarea socială
Creați o finalizare de o pagină
Cum schimb formatul adresei în câmpurile de plată WooCommerce?
Editorul câmpului WooCommerce Checkout vă permite să schimbați formatul adresei afișat în secțiunea „Adrese” din „pagina Contul meu”, „Pagina de mulțumire” și e-mailurile tranzacționale. Utilizați funcția de înlocuire pentru a include funcții personalizate create cu ajutorul pluginului.
Cum se creează un cod de facturare în WooCommerce?
Accesați WooCommerce > Checkout > Facturare și faceți clic pe butonul „Adăugați un câmp nou”. Introduceți tipul de câmp pe care doriți să-l creați și completați secțiunile „Etichetă”, „Situat/Tip” și „Descriere”.
Cum adaug câmpuri obligatorii la un câmp de plată?
Pentru a seta câmpurile obligatorii de pe pagina dvs. de plată, adăugați numele „ADEVARAT” în fața câmpului obligatoriu. În mod similar, adăugați „FALSE” pentru câmpurile opționale. Un asterisc (*) va arăta clienților zonele în care este obligatoriu să adăugați detaliile acestora.