procesul de plată este unul dintre cei mai importanți pași din călătoria cumpărătorului — este ultima șansă pe care o aveți pentru a convinge cumpărătorii să facă o achiziție. Dar 63,23% din coșurile de cumpărături de comerț electronic sunt abandonate. Aceasta este o mulțime de cumpărători online care decid să cumpere un produs, dar se răzgândesc în ultima secundă.
există o varietate de factori care influențează căruțele abandonate (cum ar fi costurile de transport și opțiunile de plată), dar pagina de plată în sine joacă, de asemenea, un rol. Dacă este prea complicat, prea lung sau necesită informații prea personale, Clienții ar putea pleca și achiziționa un produs similar în altă parte.
o modalitate de a optimiza pagina de checkout? Câmpuri de verificare personalizate în funcție de nevoile dvs. de afaceri și de publicul țintă. De exemplu: dacă de obicei nu vindeți companiilor, eliminați câmpul Nume companie. Dacă trimiteți clienților surprize de ziua de naștere, includeți un câmp data nașterii. Dacă vindeți produse pentru animale de companie, poate avea sens să cereți Tipul de animal de companie.
în acest articol, vă vom prezenta cum să vă personalizați pagina de plată pentru a satisface nevoile atât ale publicului țintă, cât și ale companiei.
- modificări ale câmpului de plată
- Personalizați câmpurile de verificare utilizând fragmente de cod
- eliminați un câmp de verificare:
- faceți un câmp obligatoriu nu este necesar:
- schimbați etichetele și substituenții câmpului de intrare:
- Personalizați câmpurile de plată cu pluginuri
- Checkout Field Editor
- suplimente WooCommerce Checkout
- WooCommerce one Page Checkout
- WooCommerce Social Login
- Începeți personalizarea
modificări ale câmpului de plată
WooCommerce oferă toate câmpurile esențiale pentru pagina dvs. de plată. În mod implicit, solicită clienților:
- detalii facturare
- prenume
- prenume
- numele companiei
- țara
- adresa
- oraș/oraș
- District
- cod poștal/zip
- telefon
- adresa de e-mail
- note de comandă
există o mulțime de moduri de a personaliza pagina, inclusiv:
- editarea designului
- schimbarea textului de pe butonul „Plasați comanda”
- eliminarea unui câmp
- efectuarea unui câmp obligatoriu (sau nu este necesar)
- schimbarea etichetelor câmpului de intrare și a textului substituent
- colectarea numerelor de cont ale clienților
- verificarea unei preferințe de livrare
- permiterea clienților să solicite o dată de livrare sau un termen limită
- setarea unei metode de contact preferate
acestea sunt doar câteva dintre personalizările pe care le puteți face; WooCommerce oferă flexibilitate aproape nesfârșită pentru fiecare nivel de experiență. Dacă vă simțiți confortabil să editați codul, puteți personaliza cu fragmente de cod. Dacă preferați o structură puțin mai mare, există o varietate de extensii și pluginuri pentru editarea câmpurilor de plată.
Personalizați câmpurile de verificare utilizând fragmente de cod
Notă: Dacă nu sunteți familiarizat cu codul și rezolvați potențialele conflicte, selectați un Wooexpert sau un dezvoltator pentru asistență. Nu putem oferi asistență pentru personalizări în cadrul politicii noastre de asistență.
fragmentele de cod sunt modalități flexibile pentru dezvoltatori și proprietarii de magazine pentru a personaliza câmpurile WooCommerce checkout. Iată o listă de etichete principale, inclusiv clase și ID-uri, pe care le puteți utiliza pentru a personaliza designul vizual al paginii dvs. de plată. Adăugați CSS personalizat la tema copilului dvs. sau la personalizatorul WordPress.
pentru a vedea toate clasele și selectoarele, utilizați inspectorul browserului dvs. pe site-ul dvs. web pentru a găsi zona exactă pe care doriți să o personalizați.
de exemplu, dacă doriți să modificați culoarea de fundal a casetelor de introducere a textului și să le oferiți colțuri rotunjite, adăugați:
input { border-radius: 10px !important; background-color: #222 !important;}
eliminați un câmp de verificare:
acest lucru este destul de simplu, dar aveți grijă, deoarece această modificare ar putea provoca conflicte cu alte extensii și pluginuri.
adăugați următorul cod la fișierul functions.php
al temei copilului dumneavoastră. Rețineți că lipirea întregului cod va elimina toate câmpurile din pagina de plată, deci asigurați-vă că includeți doar câmpurile pe care doriți să le eliminați.
notă: câmpul țară este obligatoriu. Dacă îl eliminați, comenzile nu pot fi finalizate, iar formularul dvs. de plată va afișa următoarea eroare: „vă rugăm să introduceți o adresă pentru a continua.”
faceți un câmp obligatoriu nu este necesar:
în exemplul de mai jos, vom edita câmpul telefon facturare. Adăugați acest cod la fișierul functions.php
al temei copilului dvs.
alternativ, dacă doriți să faceți un câmp obligatoriu, schimbați textul „fals” în „adevărat.”
schimbați etichetele și substituenții câmpului de intrare:
adăugați următorul cod la fișierul functions.php
al temei copilului dvs. și personalizați-l pentru a se potrivi nevoilor dvs.
Personalizați câmpurile de plată cu pluginuri
WooCommerce oferă câteva extensii excelente pentru editarea câmpurilor de plată fără a atinge o linie de cod.
Checkout Field Editor
extensia Checkout Field Editor vă permite să adăugați și să eliminați câmpurile checkout sau să actualizați tipul, eticheta și valoarea substituentului cu câteva clicuri. De asemenea, puteți marca fiecare câmp de plată ca „obligatoriu” sau „nu este necesar.”
când adăugați un câmp nou, puteți alege dintre următoarele tipuri:
- text – standard text input
- Password – password text input
- Textarea – un câmp de zonă text
- Select – a dropdown/select box
- multi-select – a multi-select box
- Radio – un set de intrări radio
- checkbox – a checkbox field
- date picker – a text field with a date picker attached
- heading – a heading, for organizing a longer page
dacă produsele dvs. sunt oferite în mod obișnuit sub formă de cadouri, puteți oferi mai multe opțiuni de ambalare. Puteți utiliza butoane radio pentru a permite clienților să aleagă între ambalaje simple, ambalaje tematice pentru ziua de naștere sau ambalaje tematice aniversare. Puteți face acest câmp necesar, setați eticheta la” Alegeți tipul pachetului „și setați substituentul la” simplu.”
pentru a ajuta cu personalizări avansate, Checkout Field Editor oferă documentație utilă.
suplimente WooCommerce Checkout
extensia WooCommerce Checkout Add-Ons vă oferă flexibilitatea de a oferi suplimente gratuite sau plătite la checkout, cum ar fi îndeplinirea rush, împachetarea cadourilor sau upsells ca autocolante sau asigurări. Puteți adăuga mai multe tipuri de câmpuri la pagina dvs. de verificare, inclusiv câmpuri de text, zone de text, dropdowns, multi-selectări, butoane radio, casete de selectare, casete de selectare multiple și încărcări de fișiere.
în tabloul de bord, veți putea, de asemenea, să sortați și să filtrați comenzile pe baza opțiunilor pe care le-ați creat. Acest lucru ar putea fi util dacă doriți să acordați prioritate comenzilor după data livrării sau să afișați numai comenzi cu procesare accelerată. Sau poate doriți să împachetați comenzi împachetate cu cadouri în același timp.
WooCommerce one Page Checkout
doriți să simplificați și mai mult procesul de checkout? Extensia WooCommerce one Page Checkout transformă orice pagină într-o pagină de checkout.
potrivit unui studiu realizat de Institutul Baymard, unul din patru cumpărători a abandonat un cărucior în ultimul trimestru din cauza unui proces lung sau complicat de verificare. WooCommerce one Page Checkout combate acest lucru permițând clienților să adauge produse în coșul lor și să trimită plata pe aceeași pagină.
puteți adăuga chiar câmpuri de verificare la paginile de destinație, ceea ce este deosebit de util dacă sunteți o afacere bazată pe servicii.
WooCommerce Social Login
forțarea unui client pentru a crea un cont pe site-ul dvs. este o barieră potențială pentru cumpărare. Oferindu-le posibilitatea de a-și folosi profilurile de social media existente pentru a crea un cont ajută la descompunerea acestei bariere.
extensia de conectare socială WooCommerce face acest proces cât mai ușor și mai sigur posibil. Clienții se pot conecta la site-ul dvs. folosind conturile Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Instagram, Disqus, Yahoo sau VK în loc să creeze noi informații de conectare.
Începeți personalizarea
procesul de plată poate avea un impact semnificativ asupra ratei de conversie, deci ar trebui să faceți modificări cu atenție, având în vedere un obiectiv specific.
din fericire, WooCommerce vă oferă flexibilitatea de a vă personaliza procesul de plată pentru a vă servi cel mai bine clienții online. Indiferent dacă trebuie să faceți modificări vizuale sau să adăugați și să eliminați câmpurile de plată, aveți o mulțime de soluții din care să alegeți.