Cum să editați detaliile de facturare Pagina WooCommerce Checkout

Publicat: 2021-02-22

Editați detaliile de facturare Pagina WooCommerce Checkout Există mai multe moduri în care puteți edita detaliile de facturare în WooCommerce. În acest tutorial, vreau să evidențiez modul în care puteți edita detaliile de facturare pentru a elimina câmpurile sau a elimina cerința.

În postarea anterioară, am împărtășit cum să dezactivez câmpul poștal/cod poștal de pe pagina de finalizare a comenzii sau cum să eliminați validarea codului poștal/poștal .

Cum să editați detaliile de facturare WooCommerce (eliminați câmpuri, dezactivați validarea, adăugați substituenți personalizați și adăugați etichete de formular personalizate)

Astăzi, vreau să vă arăt cum să editați detaliile de facturare și să eliminați câmpurile pe care nu doriți să le fie afișate clienților dvs.

WooCommerce Editați detaliile de facturare folosind pluginul gratuit

Există mai mult de o duzină de pluginuri, atât gratuite, cât și premium, pe care le puteți folosi pentru a edita detaliile de facturare WooCommerce. cum să editați detaliile de facturare woocommerce

Fiecare dintre aceste plugin-uri are caracteristici unice și design de interfață. Cel mai bun plugin gratuit pentru a edita detaliile de facturare în WooCommerce este Checkout Field Editor (Checkout Manager) pentru WooCommerce.

Acest plugin vă permite să editați câmpurile de bază Facturare, Livrare și Suplimentare la finalizarea comenzii WooCommerce.

În formularul de editare puteți adăuga opțiuni de câmp personalizate, cum ar fi: Nume, Tip, Etichetă, Substituent, Clasă, Clasă de etichetă, reguli de validare etc. (disponibilitatea acestor opțiuni se poate modifica în funcție de tipurile de câmp).

WooCommerce Editați detaliile de facturare folosind fragmentul de cod

De asemenea, puteți edita detaliile de facturare pe pagina de plată WooCommerce adăugând un fragment de cod în fișierul functions.php al temei dvs.

Eliminați câmpurile de facturare WooCommerce Checkout

În primul rând, puteți elimina câmpurile de facturare care nu vă plac folosind fragmentul de cod de mai jos:

 

/**
 * Editați detaliile de facturare pentru a elimina câmpurile pe care nu le doriți 
 **/
funcția njengah_remove_checkout_fields( $fields ) {

    // Câmpuri de facturare
    unset( $fields['billing']['billing_company'] );
    unset( $fields['billing']['billing_email'] );
    unset( $fields['billing']['billing_phone'] );
    unset( $fields['billing']['billing_state'] );
    unset( $fields['facturare']['billing_first_name'] );
    unset( $fields['billing']['billing_last_name'] );
    unset( $fields['billing']['billing_address_1'] );
    unset( $fields['billing']['billing_address_2'] );
    unset( $fields['billing']['billing_city'] );
    unset( $fields['billing']['billing_postcode'] );
	
	returnează $câmpuri;
	
} 

	add_filter( 'woocommerce_checkout_fields', 'njengah_remove_checkout_fields' ); 

Puteți elimina toate câmpurile și adăuga câmpuri personalizate sau le puteți elimina din fragmentul de cod de sub cele pe care doriți să le păstrați.

Aceasta este cea mai rapidă modalitate de a elimina câmpurile de facturare din pagina de plată WooCommerce fără a utiliza un plugin.

De exemplu, dacă am dori să afișăm numai numele, numele și adresa de e-mail numai în detaliile de facturare, am schimba codul astfel încât să fie ca în fragmentul de cod de mai jos:

 

funcția njengah_remove_checkout_fields_keep_email_name( $fields ) {

    // Câmpuri de facturare
    unset( $fields['billing']['billing_company'] );
    unset( $fields['billing']['billing_phone'] );
    unset( $fields['billing']['billing_state'] );
    unset( $fields['billing']['billing_address_1'] );
    unset( $fields['billing']['billing_address_2'] );
    unset( $fields['billing']['billing_city'] );
    unset( $fields['billing']['billing_postcode'] );
	
	returnează $câmpuri;
	
} 

	add_filter( 'woocommerce_checkout_fields', 'njengah_remove_checkout_fields_keep_email_name'); 

Eliminați câmpurile de facturare WooCommerce Checkout și câmpurile de expediere

De asemenea, puteți extinde această logică pentru a elimina și câmpurile de expediere, precum și câmpurile de facturare . Codul complet care ar elimina câmpurile de facturare și câmpurile de expediere este următorul:

 

    funcția njengah_remove_checkout_fields_billing_shipping( $fields ) {
   
		// Câmpuri de facturare
		unset( $fields['billing']['billing_company'] );
		unset( $fields['billing']['billing_email'] );
		unset( $fields['billing']['billing_phone'] );
		unset( $fields['billing']['billing_state'] );
		unset( $fields['facturare']['billing_first_name'] );
		unset( $fields['billing']['billing_last_name'] );
		unset( $fields['billing']['billing_address_1'] );
		unset( $fields['billing']['billing_address_2'] );
		unset( $fields['billing']['billing_city'] );
		unset( $fields['billing']['billing_postcode'] );

		// Câmpuri de expediere
		unset( $fields['shipping']['shipping_company'] );
		unset( $fields['shipping']['shipping_phone'] );
		unset( $fields['shipping']['shipping_state'] );
		unset( $fields['livrare']['nume_nume_livrare'] );
		unset( $fields['livrare']['nume_nume_livrare'] );
		unset( $fields['shipping']['shipping_address_1'] );
		unset( $fields['shipping']['shipping_address_2'] );
		unset( $fields['shipping']['shipping_city'] );
		unset( $fields['shipping']['shipping_postcode'] );

    returnează $câmpuri;
  } 
add_filter( 'woocommerce_checkout_fields', 'njengah_remove_checkout_fields_billing_shipping'); 

Eliminați câmpurile de facturare WooCommerce Checkout, câmpurile de expediere și notele de comandă

De asemenea, puteți elimina câmpul pentru nota de comandă care se află sub secțiunea de facturare și secțiunea de expediere folosind aceeași logică, dar adăugând opțiunea de eliminare order_comments ca în fragmentul de cod combinat de mai jos:

 

    funcția njengah_remove_checkout_fields_billing_shipping_order( $fields ) {
   
		// Câmpuri de facturare
		unset( $fields['billing']['billing_company'] );
		unset( $fields['billing']['billing_email'] );
		unset( $fields['billing']['billing_phone'] );
		unset( $fields['billing']['billing_state'] );
		unset( $fields['facturare']['billing_first_name'] );
		unset( $fields['billing']['billing_last_name'] );
		unset( $fields['billing']['billing_address_1'] );
		unset( $fields['billing']['billing_address_2'] );
		unset( $fields['billing']['billing_city'] );
		unset( $fields['billing']['billing_postcode'] );

		// Câmpuri de expediere
		unset( $fields['shipping']['shipping_company'] );
		unset( $fields['shipping']['shipping_phone'] );
		unset( $fields['shipping']['shipping_state'] );
		unset( $fields['livrare']['nume_nume_livrare'] );
		unset( $fields['livrare']['nume_nume_livrare'] );
		unset( $fields['shipping']['shipping_address_1'] );
		unset( $fields['shipping']['shipping_address_2'] );
		unset( $fields['shipping']['shipping_city'] );
		unset( $fields['shipping']['shipping_postcode'] );

                // Câmpuri de comandă
                unset( $fields['order']['order_comments'] );

    returnează $câmpuri;
  } 
add_filter( 'woocommerce_checkout_fields', 'njengah_remove_checkout_fields_billing_shipping_order'); 

Cerință sau validare pentru editarea detaliilor de facturare WooCommerce

Atunci când unul dintre câmpurile de facturare nu este completat, WooCommerce generează o eroare precum cea mai frecventă eroare - Codul poștal de facturare nu este un cod poștal / ZIP valid.

Acest lucru se întâmplă deoarece în mod implicit există o funcție de validare în câmpurile de finalizare a facturării WooCommerce.

Pentru a rezolva această problemă și a evita ca aceste erori să apară atunci când câmpul este lăsat gol, trebuie să eliminați validarea detaliilor de facturare.

Fragmentul de cod de mai jos va elimina validarea din câmpul Telefon de facturare, acest cod ar trebui adăugat la fișierul functions.php al temei dvs. active.

 /**
	 * Exemplu de eliminare a validării câmpului de facturare
	 **/ 
 
		add_filter( 'woocommerce_billing_fields', 'njengah_remove_phone_field_validation');

		funcția njengah_remove_phone_field_validation( $câmpuri ) {
		
			$fields['billing_phone']['required'] = false;
			
			returnează $câmpuri;
		}

Puteți extinde această logică la mai multe câmpuri precum numele, e-mailul și așa mai departe. Trebuie pur și simplu să înlocuiți următoarea linie de cod cu ID-urile câmpului din care doriți să eliminați validarea.

$fields['billing_phone']['required'] = false;

WooCommerce Editați detaliile de facturare Substituenți și etichete

O altă modalitate de a edita detaliile de facturare WooCommerce este de a schimba etichetele și deținătorii de loc implicite a paginii de achiziție WooCommerce. Puteți realiza acest lucru folosind fragmentul de cod de mai jos:

 add_filter('woocommerce_checkout_fields', 'njengah_edit_checkout_placeholders_labels');
  
		funcția njengah_edit_checkout_placeholders_labels($fields){
		
			 $fields['billing']['billing_company']['placeholder'] = 'Sustituent personalizat';
			 $fields['billing']['billing_company']['label'] = 'Etichetă personalizată';
		 
		 returnează $câmpuri;
		 }

Concluzie

În acest tutorial, am evidențiat diferitele moduri în care puteți edita detaliile de facturare WooCommerce pentru a personaliza pagina de finalizare a plății WooCommerce pentru a se potrivi nevoilor dvs. Este important să rețineți că aceste fragmente de coduri funcționează în același mod în care funcționează pluginurile care editează detaliile de facturare, detaliile de livrare și notele de comandă.

De asemenea, este recomandabil să adăugați întotdeauna aceste fragmente de cod la o temă secundară a temei active. Dacă nu aveți o temă copil, puteți afla cum să creați o temă copil folosind această postare – creați tema copil Storefront.

Există mai multe moduri de personalizare a WooCommerce, dar cel mai obișnuit este să ascundeți funcțiile care nu vă plac, am împărtășit un ghid cuprinzător despre cum să ascundeți majoritatea funcțiilor din magazinul dvs. WooCommerce, Ultimate WooCommerce Hide Guide. Acesta poate fi un loc grozav pentru a vă începe cu personalizarea WooCommerce.

Dacă utilizați tema implicită WooCommerce – tema Storefront, puteți afla din cele peste 80 de Sfaturi de personalizare Storefront despre cum să vă faceți magazinul WooCommerce să aibă un aspect și o senzație profesională.

În cele din urmă, sunt întotdeauna disponibil să vă ajut cu orice problemă WooCommerce sau să remediez orice erori de pe site-ul dvs. dacă aveți nevoie să angajați un expert WordPress sau un dezvoltator WooCommerce.

Articole similare