Salvați câmpurile de checkout personalizate folosind wooCommerce_checkout_update_order_meta

Publicat: 2025-07-01

Personalizarea checkout -ului dvs. WooCommerce este o nevoie comună, mai ales atunci când doriți să colectați detalii suplimentare de la clienții dvs. Indiferent dacă este vorba despre o notă specială sau o intrare personalizată precum o instrucțiune de livrare, WooCommerce face posibilă salvarea acestor câmpuri la comandă. În acest ghid, veți învăța cum să adăugați două câmpuri noi și să stocați valorile lor folosind acțiunea woocommerce_checkout_update_order_meta . În plus, vom arăta cum un plugin precum Flexible Checkout Fields Pro poate face totul mai ușor.

Să mergem pas cu pas cum să stocăm meta comandă personalizată în WooCommerce.

Ce este personalizarea checkout -ului în WooCommerce și cum sunt procesate datele de comandă?

Procesul de checkout WooCommerce implică mai mulți pași cheie. Atunci când un client completează formularul și lovește „Plasarea comenzii”, WooCommerce validează datele, stochează informații de facturare/transport și declanșează cârlige pe care dezvoltatorii le pot utiliza pentru a stoca date suplimentare.

În mod implicit, sunt salvate doar câmpuri standard precum numele, e -mailul și adresa.

Dar puteți extinde acest lucru folosind filtrul woocommerce_checkout_fields pentru a adăuga câmpuri personalizate în formular.

Apoi, cu acțiunea woocommerce_checkout_update_order_meta , puteți salva valorile lor ca meta de comandă .

Acest lucru este deosebit de util atunci când doriți să includeți lucruri precum mesaje cadou, preferințe de livrare sau instrucțiuni personalizate.

Puteți afișa chiar și aceste date mai târziu în panoul de administrare, e-mailurile sau paginile de mulțumire.

Cum să adăugați și să salvați câmpuri personalizate folosind cod în wooCommerce?

Să zicem că doriți să colectați două informații suplimentare:

  • O intrare de text personalizată („Text personalizat”)
  • Un mesaj TextArea („Mesaj personalizat”)

Iată cum să o faci.

Codul de mai jos cu woocommerce_checkout_fields și woocommerce_checkout_update_order_meta acțiuni ar trebui să fie adăugate la funcțiile temei.php pentru a afișa noi câmpuri de checkout și pentru a salva datele ca meta de comandă.

1. Adăugați câmpurile personalizate la formularul de checkout

 add_filter('woocommerce_checkout_fields', 'add_custom_checkout_fields'); function add_custom_checkout_fields($fields) { $fields['billing']['custom_text_field'] = array( 'type' => 'text', 'label' => __('Custom Text', 'woocommerce'), 'required' => false, 'priority' => 110, ); $fields['billing']['custom_message_field'] = array( 'type' => 'textarea', 'label' => __('Custom Message', 'woocommerce'), 'required' => false, 'priority' => 120, ); return $fields; }
Adăugarea câmpurilor personalizate la WooCommerce Checkout Formular Exemplu de formular
Adăugarea câmpurilor personalizate la WooCommerce Checkout Formular Exemplu de formular

2. Salvați valorile câmpului la meta -comandă

 add_action('woocommerce_checkout_update_order_meta', 'save_custom_checkout_fields'); function save_custom_checkout_fields($order_id) { if (!empty($_POST['custom_text_field'])) { update_post_meta($order_id, '_custom_text_field', sanitize_text_field($_POST['custom_text_field'])); } if (!empty($_POST['custom_message_field'])) { update_post_meta($order_id, '_custom_message_field', sanitize_textarea_field($_POST['custom_message_field'])); } }

Acum, ambele câmpuri vor apărea în panoul de administrare sub câmpurile personalizate ale comenzii.

Exemplu de text personalizat și textare în detaliile comenzii
Exemplu de text personalizat și textare în detaliile comenzii
De asemenea, puteți personaliza codul pentru a valida datele sau pentru a permite editarea acestuia cu woocommerce_wp_text_input și woocommerce_wp_textarea_input funcțiile din detaliile comenzii din Div cu class = "edit_address", astfel încât să fie ascuns înainte de editare.

Această abordare funcționează bine, dar necesită unele cunoștințe de codare.

De asemenea, are limitări atunci când vine vorba de validare, tipuri de câmpuri sau afișarea datelor condiționat.

Acolo vin câmpurile de checkout flexibile.

De ce să folosiți câmpuri de checkout flexibile Pro în loc să scrieți cod personalizat?

În timp ce codificați propriile câmpuri și salvați-le cu acțiunea woocommerce_checkout_update_order_meta vă oferă un control complet, nu este întotdeauna cea mai eficientă sau sigură soluție, în special pentru non-dezvoltatori.

Acolo pluginul câmpurilor de checkout flexibile devine o opțiune mai ușoară și mai rapidă.

Adăugarea câmpurilor personalizate la formularul de checkout WooCommerce cu câmpuri de checkout flexibile Exemplu pro
Adăugarea câmpurilor personalizate la formularul de checkout WooCommerce cu câmpuri de checkout flexibile Exemplu pro
Există o versiune gratuită disponibilă pe WordPress.org: câmpuri de checkout flexibile - gratuit, care este perfect pentru gestionarea de bază a câmpurilor. Cu toate acestea, versiunea Pro vă oferă mult mai multă flexibilitate.
Câmpuri de afișare pe pagini specifice - Setări plugin în câmpuri de checkout flexibile WooCommerce
Câmpuri de afișare pe pagini specifice - Setări plugin în câmpuri de checkout flexibile WooCommerce

Iată 5 caracteristici deosebite care fac ca câmpurile de checkout flexibile să fie utilizate:

  • Drag & Drop Field Manager - Nu este nevoie să scrieți funcții PHP. Pur și simplu trageți și reordonați câmpurile direct în administratorul WordPress.
  • Varietatea tipurilor de câmpuri - Adăugați text, textarea, selectați, radio, casetă de selectare, picker de date, oră și multe altele.
  • Reguli de afișare - Afișați sau ascundeți câmpurile pe baza metodei de expediere/plată selectate sau a condițiilor de coș.
    Condiții pentru câmpuri de formă personalizată în câmpuri de checkout flexibile Pro WooCommerce
    Condiții pentru câmpuri de formă personalizată în câmpuri de checkout flexibile Pro WooCommerce
  • Validare predefinită -Setați cu ușurință câmpurile necesare și utilizați opțiuni de validare încorporate fără funcții personalizate.
  • Preț - preț suplimentar pe câmpuri de checkout.
    Prețuri suplimentare pe câmpul de câmp de formular în câmpuri de checkout flexibile Pro WooCommerce
    Prețuri suplimentare pe câmpul de câmp de formular în câmpuri de checkout flexibile Pro WooCommerce

În loc să înregistrați manual câmpurile și să salvați meta -date cu woocommerce_checkout_update_order_meta , primiți o interfață completă.

În plus, toate valorile câmpului salvat apar perfect în rezumatul comenzii și prin e -mailuri.

Dacă sunteți în căutarea unei soluții pe termen lung, scalabile, pentru a gestiona câmpurile de checkout personalizate și pentru a salva datele pentru a comanda meta , acest plugin economisește ore de codificare și întreținere.

Câmpuri de checkout flexibile Pro WooCommerce 59 de lire sterline

Editați, adăugați noi sau ascundeți câmpuri inutile din formularul de checkout WooCommerce. Adăugați prețuri pe câmpuri și utilizați logica condiționată. Este vorba despre conversii și o experiență mai bună a utilizatorului. NOU: Acum puteți seta mai multe condiții (OR) sub unul sau mai multe grupuri de condiții (și).

Instalații active: 90.000+ | Rating WordPress:

Adaugă in coş sau vizualizați detalii
90.000+ instalații active
Ultima actualizare: 2025-06-23
Funcționează cu WooCommerce 9.6 - 9.9

wooCommerce_checkout_update_order_meta vs plugin: Ce metodă ar trebui să alegeți?

Dacă construiți o integrare personalizată sau aveți cerințe foarte specifice, atunci woocommerce_checkout_update_order_meta combinat cu woocommerce_checkout_fields este un mod puternic și de încredere.

Cu toate acestea, dacă doriți o modalitate mai ușoară de a vă personaliza checkout-ul și de a evita codul în întregime, pluginul Flexibil Checkout Fields este un must-have.

Vă grăbește fluxul de lucru și elimină ghicitul de la editarea checkout -ului dvs. WooCommerce.

Rezumat

  • Utilizați woocommerce_checkout_fields pentru a adăuga noi câmpuri de checkout.
  • Utilizați woocommerce_checkout_update_order_meta pentru a salva acele câmpuri pentru a comanda meta.
  • Codul personalizat oferă flexibilitate, dar necesită asistență și testare continuă.
  • Câmpuri de checkout flexibile Pro vă permite să gestionați câmpurile vizual cu opțiuni avansate.
  • Există și o versiune gratuită dacă aveți nevoie de editare de câmp de bază.