Cum să personalizați pagina de plată din magazinul dvs. WooCommerce

Dacă doriți să personalizați pagina de plată din magazinul dvs. WooCommerce, atunci trebuie să urmați acești pași: 1. Conectați-vă la site-ul dvs. WordPress. 2. Accesați Plugin-uri > Adăugați nou. 3. Căutați câmpuri de plată personalizate WooCommerce . 4. Instalați și activați pluginul. 5. Accesați WooCommerce > Câmpuri de plată. 6. Aici puteți adăuga, edita sau șterge câmpuri. 7. După ce ați terminat, faceți clic pe butonul Salvare modificări. Asta e. Ați personalizat cu succes pagina de plată din magazinul dvs. WooCommerce.

O pagină de plată este unul dintre cei mai importanți pași în finalizarea unei achiziții într-un magazin online. Atât pluginurile, cât și programatic pot fi folosite pentru a edita pagina de finalizare a plății WooCommerce. În acest ghid, vom vedea cum să editați pagina de finalizare a achiziției în ambele sensuri. Folosind WooCommerce Checkout Manager , puteți adăuga sau ascunde câmpuri precum numele și prenumele, numele companiei, țara, orașul, codul poștal, adresa, numărul de telefon, adresa de e-mail și altele. De asemenea, puteți modifica pagina de finalizare a comenzii WooCommerce pentru a permite clienților să încarce orice tip de fișier în timpul procesului de plată. Dacă doriți să editați o pagină de plată în WooCommerce Checkout Manager, aceasta este o soluție simplă. Vă permite să creați câmpuri personalizate nelimitate, aplicând, de asemenea, câte condiții doriți.

În această secțiune, vom analiza cum să editați pagina de plată WooCommerce folosind codificare. WooCommerce vă permite să adăugați conținut la pagina de finalizare a plății site-ului dvs. Pentru a face acest lucru, trebuie să puteți prelua valorile câmpurilor personalizate din baza de date. De asemenea, puteți face câmpurile opționale pentru a edita pagina. Adăugarea câmpurilor condiționate la alte câmpuri le va permite să apară sau să dispară în funcție de valorile lor. Puteți adăuga o taxă suplimentară la pagina dvs. de plată în două moduri. De asemenea, puteți adăuga o taxă fixă ​​sau procentuală în contul dvs.

Poate fi avantajos dacă gateway-urile de plată nu sunt încărcate integral sau dacă se percep taxe suplimentare. Mai multe informații despre adăugarea de taxe în magazinul dvs. pot fi găsite în ghidul nostru. Puteți edita cu ușurință pagina de achiziție a magazinului dvs. cu ajutorul oricărui cod scurt WordPress, WooCommerce sau personalizat. O serie de alte opțiuni pot fi, de asemenea, folosite pentru a schimba stilul paginii de plată WooCommerce. Culoarea de fundal a unei pagini poate fi, de asemenea, modificată pentru a include un stil CSS personalizat. Pentru a edita această pagină, puteți utiliza o varietate de cârlige de plată în WooCommerce. Chiar și modificările minore pot crește ratele de conversie și vânzările. V-am arătat cinci moduri diferite de a edita diferite aspecte ale plății în exemplul nostru anterior, dar există infinite opțiuni. Dacă doriți să scurtați procesul de plată, vă recomandăm să utilizați un plugin de cumpărare rapidă pentru WooCommerce sau link-uri de plată directă.

Aceste șabloane și secțiuni de plată se află în folderul plugin WooCommerce. Dosarul Woocommerce/șabloane/checkout poate fi găsit în folderul temei și puteți copia șabloanele pe care doriți să le utilizați.

Putem personaliza pagina de plată Woocommerce?

Cea mai simplă modalitate de a personaliza câmpurile de plată este să utilizați pluginul Editor de câmpuri de checkout. Acest plugin simplifică mutarea, editarea, adăugarea sau eliminarea câmpurilor de plată, oferind o interfață de utilizare simplă pentru a face acest lucru. Toate câmpurile, de la tip la etichetă la poziție, pot fi editate.

Afișați o pagină de plată clienților dvs. imediat ce se înscriu pe un site WordPress. Procesul de finalizare a achiziției trebuie să fie corect dacă doriți ca ratele de conversie să se îmbunătățească dramatic. WordPress are două moduri simple de a personaliza o pagină de plată WooCommerce. Conținutul ambelor soluții este scris în întregime într-un puternic generator de site-uri web. Primul pas pentru a deveni client SeedProd va fi să utilizați unul dintre cele 150 de șabloane de pagină de destinație concepute profesional. Fiecare șablon poate fi apoi personalizat în editorul vizual folosind blocuri de pagini flexibile, cum ar fi următoarele: În plus, SeedProd are blocuri pentru paginile de destinație WooCommerce, care includ butoane de adăugare în coș, butoane de finalizare a comenzii, grile de coș de cumpărături și descrieri de produse. Folosind SeedProd, vă vom arăta cum să vă creați și să personalizați pagina de plată WooCommerce de la zero.

În această lecție, vă vom arăta cum să faceți acest lucru cu șablonul Blank, un editor de tip drag-and-drop. Primul pas este crearea unei structuri de bază a paginii de plată. După aceea, faceți clic pe blocul Checkout și trageți-l într-una dintre coloane. În panoul de blocuri, faceți clic pe Secțiuni pentru a vizualiza secțiunile. Puteți adăuga rapid și ușor mai multe machete prefabricate la pagina dvs. făcând clic pe o singură imagine aici. Orice secțiune nouă din pagina dvs. este de obicei adăugată în partea de jos. Treceți cu mouse-ul peste secțiunea în care doriți să o mutați, apoi faceți clic pe pictograma de mutare a secțiunii.

Când SeedProd creează o pagină de plată WooCommerce, aceasta poate fi personalizată la nivel global. Puteți schimba fonturile, culorile, fundalul și CSS personalizat pentru ca pagina dvs. de plată să pară puțin diferită. Este simplu să vă conectați pagina de destinație la lista de e-mail dacă utilizați setările de marketing prin e-mail. Puteți folosi Recaptcha pentru a bloca ca spam-ul să nu interfereze cu performanța site-ului dvs., precum și Google Analytics pentru a monitoriza performanța site-ului dvs. Dacă utilizați Planul Pro al SeedProd, puteți acorda oricărei pagini de destinație un domeniu personalizat care nu este legat de site-ul dvs. existent. Modul de izolare dezactivează anumite scripturi de antet și subsol și astfel limitează performanța paginii. Dacă aveți o pagină de plată adaptată la dispozitivele mobile, site-ul dvs. web va funcționa mai bine pe ecrane tactile mai mici, cum ar fi tablete și smartphone-uri.

Mai întâi trebuie să creați pagina de plată implicită a site-ului dvs. WooCommerce pentru a o utiliza. Un site web seedprod va include, de asemenea, generatorul de teme WooCommerce încorporat și kiturile de site-uri web, făcându-l o alegere ideală pentru crearea de site-uri WooCommerce complete. Utilizarea uneia dintre metodele enumerate mai sus vă poate ajuta să vă optimizați pagina de plată WooCommerce pentru conversii. Clienții pot abandona o finalizare online dacă magazinul dvs. permite doar câteva opțiuni de plată. Pentru a combate această problemă, asigurați-vă că prețurile sunt clare înainte ca utilizatorii să ajungă la pagina de finalizare a achiziției. Rata de abandonare a comenzii poate crește dacă clientul este forțat să se înregistreze pentru un cont înainte de a face check-out.

Editați pagina de plată Woocommerce Php

Pentru a edita pagina de plată WooCommerce, va trebui să accesați pagina de setări WooCommerce și să faceți clic pe fila Checkout. De aici, veți putea selecta opțiunea Pagină de finalizare și faceți clic pe butonul Editați. Aceasta va deschide pagina de plată în editorul WordPress, unde veți putea face modificările.

Personalizarea paginii de plată în WooCommerce va crește rata de conversie. În 31% din cazuri, abandonul coșului de cumpărături poate fi redus prin optimizarea paginii de plată. Deoarece pagina de finalizare a achiziției este ultimul obstacol într-o achiziție, este esențial ca aceasta să fie eficientizată cât mai mult posibil. Clienții își vor putea finaliza comenzile mai eficient dacă procesul dvs. de plată este simplificat. Potrivit studiului Institutului Baymard, sunt necesare doar șase până la opt câmpuri pe pagina de plată. Pe pagina standard de finalizare a plății WooCommerce , există între 18 și 20 de câmpuri de completat. Erorile legate de etichetele câmpurilor inline pot face mai dificilă completarea câmpurilor de pe pagina dvs. de plată.

Cel mai bine este să eliminați toate etichetele inline și să le plasați deasupra câmpurilor de introducere. Utilizatorii vor găsi o experiență de plată simplificată și fără dezordine, care este plăcută pe dispozitivele lor mobile. Aproximativ 70% dintre clienți își abandonează cărucioarele din cauza costurilor mari de transport, proceselor complexe de plată și altor factori. A avea o funcție de recuperare a coșului abandonat este un aspect important al oricărui magazin WooCommerce. Veți învăța cum să utilizați pluginul CartFlows pentru a adăuga scăderi de comandă la pagina de finalizare a comenzii WooCommerce. Trebuie să fiți autentificat ca administrator de site pentru a accesa CartFlows. Există o serie de șabloane de flux care sunt vizibile pe acest ecran.

Creați-vă propriul șablon sau alegeți un șablon care este deja creat. Puteți copia codul scurt din fila Setări în pagina de plată. Pagina de plată WooCommerce are 18 – 20 de câmpuri, unele dintre ele nefiind necesare pentru a finaliza o comandă. CartFlows vă permite să adăugați sau să eliminați câmpuri din pagina dvs. de plată. Câmpurile pot fi modificate în secțiunea de setări a paginii de plată făcând clic pe fila Setări de finalizare. Puteți încuraja un client să cumpere o versiune mai scumpă a produsului pe care îl au în coș, vânzându-l. Pentru a adăuga o ofertă de vânzare în plus la fluxul de plată, accesați Adăugare pas nou și selectați Adăugați o ofertă nouă.

Notificarea vă va informa că nu există produse atribuite. Este recomandat să includeți câmpul dacă comanda este urgentă. Dacă utilizați un flux de plată, accesați pagina Adăugați un nou pas. Procesul de checkout va fi simplificat ca urmare a acestui pas. Următorul pas este să selectați un produs din linkul Editare din lista de produse. Trebuie să reduceți prețul produsului înainte de a putea efectua un upsell, ceea ce este la fel cu un upsell. Când finalizați o comandă, va fi afișată o pagină de finalizare a comenzii, unde vi se va solicita să introduceți informațiile de expediere și facturare.

Pe pagina de plată, cârligele de acțiune pot fi folosite și pentru a elimina elemente. Codul personalizat poate fi adăugat la WordPress și WooCommerce utilizând acțiuni predefinite. Puteți personaliza câmpurile dintr-o pagină de plată cu Checkout Manager pentru WooCommerce, un plugin freemium. În plus, pluginul include o caracteristică specială care permite ca anumite roluri de utilizator să fie vizibile sau ascunse. Dacă sunteți în căutarea unui plugin care vă permite să împărțiți procesul de plată, puteți încerca WooCommerce Multi-Step Checkout. Puteți personaliza pagina de plată a magazinului dvs. WooCommerce pentru a vă satisface nevoile specifice cu pluginul WooCommerce Multi-Step Checkout. Pagina de plată este împărțită în mai mulți pași mici și conține o bară de progres în partea de sus.

Pe depozitul WordPress, există peste 10.000 de instalări ale pluginului care sunt actualizate constant. Pluginul WooCommerce Menu Cart vă permite să adăugați un buton de coș în bara de navigare a site-ului dvs. WooCommerce. Filtrul de produs YITH WooCommerce Ajax permite utilizatorilor să specifice ce termeni de căutare de produse doresc să folosească. Utilizatorii își vor putea rafina căutările și vor găsi mai rapid ceea ce caută, rezultând mai multe vânzări.

Personalizați pluginul Woocommerce Checkout Page

Un plugin bun pentru pagina de achiziție Woocommerce vă va permite să personalizați procesul de finalizare a achiziției pentru a se potrivi mai bine nevoilor magazinului dvs. Veți putea schimba lucruri precum aspectul, culorile, fonturile și chiar să adăugați propriile câmpuri personalizate. Acest lucru poate face procesul de finalizare a plății mult mai eficient și mai eficient și, de asemenea, poate ajuta la reducerea abandonului coșului de cumpărături.

Cu Elementor și ShopEngine, companiile de comerț electronic pot personaliza acum paginile de plată WooCommerce pentru a satisface nevoile lor specifice. În funcție de tipul companiei dvs., ar trebui să schimbați pagina de finalizare a plății WooCommerce pentru a le facilita clienților dvs. să cumpere articole. Pagina de finalizare a achiziției este cel mai bun loc pentru a colecta date despre utilizatori de care veți avea nevoie în viitor pentru strategia dvs. de marketing. Pentru a începe, mai întâi trebuie să instalați Elementor și ShopEngine pe site-ul dvs. WordPress wooCommerce. Editarea prin glisare și plasare este simplă cu ShopEngine, permițându-vă să schimbați pagina de plată WooCommerce. Fiecare aspect elementar poate fi configurat în orice mod doriți, inclusiv adăugarea de widget-uri. Nu este necesar niciun cod personalizat sau CSS pentru a crea un șablon de pagină de plată.

Pagina de finalizare a achiziției ar trebui să aibă acum aproximativ 5 pași, progresul sau finalizarea pașilor fiind cea mai bună modalitate de a afișa pașii. Dacă nu știți deja, clientul dvs. ar trebui să vă poată spune câți pași trebuie să facă. Ieșirea unui client de pe site se datorează de obicei conducerii către o altă pagină pentru finalizarea plății. Site-urile de comerț electronic care oferă upsells și cross-sells sunt unele dintre cele mai bune opțiuni. Dacă pagina dvs. de plată nu este adaptată pentru dispozitive mobile, veți pierde mulți clienți. ShopEngine este cel mai bun plugin pentru personalizarea paginii de plată WooCommerce.

Cum personalizez un plugin Woocommerce?

Trebuie să creați un director nou în tema copilului dacă doriți să creați un fișier personalizat. Trebuie să îl includeți în conținutul/temele/temele/yourthemename/ al temei dvs. Modificările dvs. la WooCommerce sau la tema părinte nu vor fi șterse după actualizarea WooCommerce.

Șablon de pagină de plată Woocommerce

Un șablon de pagină de plată woocommerce este un aspect pre-proiectat care poate fi folosit pentru a crea o pagină de plată personalizată pentru magazinul dvs. online. Acest șablon poate fi folosit pentru a schimba aspectul paginii dvs. de plată, precum și pentru a adăuga sau elimina funcții.

Un singur produs în WooCommerce One Page Checkout poate fi afișat cu un formular de selecție și de finalizare a produselor. Odată ce un client a plasat o comandă, acesta poate fie să adauge, fie să elimine produse și să finalizeze plata fără a părăsi pagina. În plus, puteți adăuga codul scurt [woocommerce_one_page_checkout] la orice pagină, postare sau tip de postare personalizată. Dacă doriți să afișați produse în anumite categorii, utilizați atributul category_ids. Celelalte produse vor apărea în continuare, dacă unul sau mai multe dintre ID-urile de produs definite în atribut sunt nevalide. Este posibil să nu doriți să afișați niciun produs dacă utilizați un buton de adăugare în coș în afara One Page Checkout. Șablonul Lista de produse afișează o listă de produse cu un buton radio care permite utilizatorilor să selecteze o opțiune dintr-o listă de produse.

Imaginea unui produs poate fi folosită ca un bun punct de referință atunci când selectați o mască, de exemplu, iar acest șablon este ideal pentru afișarea articolelor care vă vor ajuta în luarea deciziei. Un șablon de produs unic este capabil să afișeze două sau mai multe produse, în ciuda numelui său. Tabelul de prețuri încorporat afișează produsele în două până la cinci coloane, cu titlul produsului, prețul și cantitatea comenzii afișate în partea de sus. Dacă produsele sunt expediate în aceeași greutate sau dimensiuni, acestea vor fi afișate în partea de sus a tabelului. Atributele taxonomiei și atributele personalizate ale produsului vor fi afișate în tabelul de prețuri, pe lângă atributele taxonomiei. Va fi necesar să creați un tabel de prețuri WooCommerce urmând instrucțiunile lui Patrick Rauland. Adresa URL a fiecărui buton ar trebui să includă următoarele informații: *product-id *add-to-cart=*product-id Șablonul de selecție a produsului Tabelul de prețuri ușoare specifică că trebuie setat parametrul de cod scurt al șablonului „easy_pricing_table”.

Variabila $products conține toate elementele care reprezintă un obiect produs, precum și variabila $product. One Page Checkout include un buton, un buton radio, un buton pentru casetă de selectare și un buton numeric, pe lângă un buton, un buton radio, un buton pentru casetă de selectare și un buton numeric. Pentru a crea un câmp personalizat de selecție de produse, trebuie să includeți un atribut data-add_to_cart în șablon. Câmpurile de selecție a produselor sunt afișate în secțiunea WooCommerce One Page Checkout cu un șablon personalizat. Dacă aveți un număr mare de solicitări, veți prioritiza adăugarea de asistență. Nu este posibil să dezactivați derularea automată (re-focalizarea) care apare atunci când un produs este adăugat în coș, dar este posibil să faceți acest lucru din meniul de setări. Codul scurt One Page Checkout vă permite să adăugați câmpurile de finalizare a achiziției la orice pagină sau postare de pe orice pagină sau postare.

Puteți adăuga sau elimina câmpuri folosind o extensie WooCommerce, cum ar fi Checkout Field Editor, sau un șablon personalizat de plată. Fiecare produs copil individual dintr-un recipient de produs va fi separat prin propria sa etichetă. Produsele variabile cu variații sunt afișate numai atunci când sunt utilizate într-un cod scurt, altul decât șablonul Produs unic. Aceste șabloane permit doar afișarea variațiilor care au o valoare setată pentru toate atributele. Clientul trebuie să facă selecția deoarece o variație cu o valoare de atribut care are o valoare nesetată nu are un ID de variație corespunzător. Codul scurt One Page Checkout afișează o chitanță, precum și o confirmare a unei achiziții. Folosind link-uri către pagina dvs. personalizată de plată, puteți înlocui orice link-uri din meniuri sau în altă parte a site-ului dvs.

Adăugați codul scurt la pagina în care doriți să conectați produsul la coș pentru a face acest lucru. Clienții pot efectua comandă din alte pagini folosind One Page Checkout, dar WooCommerce afișează în continuare informațiile de confirmare a chitanței și a comenzii pe pagina sa de finalizare a comenzii. Toate paginile WooCommerce sunt încă necesare pentru a rula magazinul dvs., care include paginile Coș și Cumpărare. Asigurați-vă că vizibilitatea produselor dvs. în catalog nu este ascunsă. Conținutul de pe pagină trebuie să fie pus în coadă într-o varietate de scripturi și stiluri înainte de a fi introdus în One Page Checkout. Elementele de intrare radio pot fi folosite pentru a selecta unul dintre cele două Tabele de prețuri ușoare care conțin opțiunile. Indică faptul că coșul este umplut în prezent înainte de a adăuga articole noi din Tabelul de preț ușor sau dintr-o intrare radio. Pentru a face această modificare, utilizați un plugin gratuit numit WooCommerce One Page Checkout – Nu goliți coșul.