Creați câmpuri personalizate în WooCommerce Checkout și pagini de produse

Publicat: 2018-08-01

Standard WooCommerce nu vă permite să creați câmpuri personalizate fără a vă scrie codul. Cu toate acestea, există situații în care aveți nevoie de câmpurile personalizate de produs sau de plată pentru a gestiona eficient o comandă WooCommerce! Nu vă faceți griji. 2 plugin-uri gratuite vă vor ajuta să adăugați câmpuri personalizate în magazinul dvs.

Știi că poate fi necesar să ai informații specifice despre produs sau comanda pe care WooCommerce nu ți-o oferă !

Obțineți mai multe detalii la o comandă adăugând un câmp personalizat în WooCommerce. Permiteți-mi să vă arăt două plugin-uri gratuite pentru a face asta cu ușurință!

Cuprins

  • Ce sunt câmpurile personalizate în WooCommerce?
  • Câmpuri personalizate pentru produs WooCommerce
  • Câmpuri personalizate WooCommerce Checkout

Ce sunt câmpurile personalizate în WooCommerce?

Puteți considera câmpurile personalizate ca informații suplimentare care descriu, de exemplu, un produs sau o comandă. Vă vor ajuta să afișați mai bine produsele și să obțineți mai multe detalii pentru procesarea eficientă a comenzilor WooCommerce!

Câteva exemple de câmpuri personalizate

  • casete de selectare
  • câmpuri de text
  • butoane radio
  • culegători de date
  • culegători de culoare
  • etc.

Așa arată în formularul de comandă:

Formular de comandă personalizat WooCommerce
Butoane radio, Casetă de selectare, Selector de dată, Câmp text, Selector de culoare
Desigur, le puteți folosi pentru diferite lucruri, cum ar fi crearea unui vrăjitor de computer, configurator de mașini sau opțiune de ambalare cadou direct pe paginile produselor WooCommerce.

Un alt exemplu, puteți lăsa clienții să încarce fișiere în comenzi sau să introducă numărul de TVA UE în scopuri contabile. De asemenea, ar fi grozav să schimbați tipul câmpului de plată sau să ascundeți unele dintre ele!

Să adăugăm câmpuri personalizate

Probabil că veți dori să creați două tipuri de câmpuri personalizate în WooCommerce, de exemplu:

  • câmpuri personalizate din pagina de plată WooCommerce pentru a obține mai multe detalii despre o comandă,
  • și noi câmpuri pentru a personaliza pagina produsului WooCommerce, astfel încât produsele să aibă mai multe opțiuni.

Vă arăt pe amândoi.

Câmpuri personalizate pentru produs WooCommerce

În primul rând, veți avea nevoie de un plugin pentru asta. Uită-te:

Descărcați-l aici:

Câmpuri flexibile de produse WooCommerce

Creați un expert pentru produse pentru a vinde gravuri, ambalaje pentru cadouri, mesaje cadou, cărți de vizită, ștampile și, opțional, să taxați pentru el (fix sau procentual).

Descarcă gratis sau Accesați WordPress.org
Peste 10.000 de instalații active
Ultima actualizare: 2023-03-13
Funcționează cu WooCommerce 7.1 - 7.5.x

Mai întâi, aruncați o privire asupra setului exemplar de câmpuri personalizate noi de pe pagina produsului pe care îl puteți adăuga cu pluginul gratuit Câmpuri de produs flexibile pentru WooCommerce :

Creați câmpuri personalizate în WooCommerce: Pagina de produs
Un exemplu de pagină de produs WooCommerce

După cum vedeți, puteți crea un expert complet. Clienții își pot personaliza computerele în acest fel. De asemenea, unele dintre opțiuni necesită o taxă suplimentară. Pluginul adaugă taxa suplimentară la prețul total (disponibil în PRO). Clienții pot face comenzi pentru computerele lor personalizate și vă pot plăti întregul preț în avans.

Revenind la aspect. Aceasta este configurația de bază. Nu am folosit niciun stil CSS și am folosit o temă WooCommerce implicită: Storefront. Puteți personaliza aspectul câmpurilor după cum doriți, desigur. Există o opțiune în acest scop în plugin.

Câmpuri flexibile de produse

Pe scurt, acest plugin vă permite să creați suplimente pentru produse. Puteți adăuga noi câmpuri personalizate la produsele din magazinul dvs. WooCommerce. Ai văzut deja un exemplu.

Câmpuri flexibile de produse WooCommerce

Creați un expert pentru produse pentru a vinde gravuri, ambalaje pentru cadouri, mesaje cadou, cărți de vizită, ștampile și, opțional, să taxați pentru el (fix sau procentual).

Descarcă gratis sau Accesați WordPress.org
Peste 10.000 de instalații active
Ultima actualizare: 2023-03-13
Funcționează cu WooCommerce 7.1 - 7.5.x
Pluginul este disponibil gratuit! De asemenea, puteți actualiza pluginul dacă aveți nevoie de opțiuni suplimentare, cum ar fi logica condiționată. Citiți documentația pluginului →

Tipurile de câmpuri pe care le puteți adăuga la produsele dvs. WooCommerce

  • Text
  • Textarea
  • Număr
  • E-mail
  • URL
  • Casetă de selectare multiplă
  • Radio cu culori
  • Timp
  • Culoare
  • Titlu
  • Paragraf
  • Imagine
  • HTML
  • Caseta de bifat
  • Buton de radio
  • Selectați
  • Selectare multipla
  • Radio cu imagini
  • Titlu
  • Data (PRO)
  • Încărcare fișier (PRO)
Am descris toate aceste câmpuri în Ghidul de opțiuni de personalizare a produsului WooCommerce

Ar trebui să verifici acel ghid! Veți descoperi că există o mulțime de cazuri de utilizare. Ghidăm utilizatorii pas cu pas prin configurarea pentru implementare:

  • sistem simplu de rezervare,
  • Caracteristica de ambalare a cadourilor,
  • Expert dieta catering,
  • Expert computer etc.

Câmpuri personalizate WooCommerce Checkout

Acum, permiteți-mi să vă arăt cum să adăugați câmpuri personalizate la comanda WooCommerce din pagina de plată!

Veți avea nevoie de acest plugin:

Descărcați-l aici:

Câmpuri flexibile de plată WooCommerce

Editați, adăugați noi sau ascundeți câmpurile inutile din formularul de finalizare a plății WooCommerce. Totul este despre conversii și o experiență mai bună pentru utilizator.

Descarcă gratis sau Accesați WordPress.org
Peste 80.000 de instalații active
Ultima actualizare: 2023-03-13
Funcționează cu WooCommerce 7.1 - 7.6.x

Să vedem exemplul unei pagini de plată personalizată cu pluginul gratuit Câmpuri de plată flexibile pentru WooCommerce:

Câmpuri noi în formularul de plată
Un exemplu de pagină de plată WooCommerce

Pluginul vă permite să adăugați, să eliminați, să reordonați și să personalizați în mod eficient pagina de plată WooCommerce!

Reordonați câmpurile de plată WooCommerce
WooCommerce comanda configurarea câmpurilor personalizate

Câmpuri flexibile de plată

Așadar, pe scurt, Câmpurile de plată flexibile vă permit să creați câmpuri personalizate în finalizarea plății WooCommerce→

Adăugați un câmp personalizat nou la pagina de finalizare a comenzii WooCommerce
Adăugați un câmp personalizat nou la pagina de finalizare a comenzii WooCommerce

De asemenea, cu acest plugin, puteți edita sau rearanja câmpurile implicite de plată WooCommerce !

De exemplu, puteți dezactiva unele câmpuri de adresă de facturare pentru o finalizare mai rapidă a comenzii.

Afișați mai puține câmpuri de plată pentru a obține mai puține informații pentru o comandă WooCommerce
Afișați mai puține câmpuri de plată pentru a obține mai puține informații pentru o comandă WooCommerce

Peste 80.000 de magazine din întreaga lume folosesc acest plugin zilnic.

Tipuri de câmpuri de plată în versiunea gratuită

  • Text
  • Textarea
  • Număr
  • E-mail
  • Telefon
  • URL
  • Caseta de bifat
  • Culoare
  • Titlu
  • Paragraf
  • Imagine
  • HTML

Câmpuri în versiunea PRO

  • Casetă de selectare multiplă
  • Buton de radio
  • Selectați (derulant)
  • Selectare multipla
  • Radio cu imagini
  • Data
  • Radio cu culori
  • Timp
  • Fișier încărcat
Citiți mai multe despre cum să adăugați câmpuri personalizate la finalizarea comenzii WooCommerce .

Descărcați această extensie gratuită WooCommerce pentru a vă personaliza pagina de plată.

Câmpuri flexibile de plată WooCommerce

Editați, adăugați noi sau ascundeți câmpurile inutile din formularul de finalizare a plății WooCommerce. Totul este despre conversii și o experiență mai bună pentru utilizator.

Descarcă gratis sau Accesați WordPress.org
Peste 80.000 de instalații active
Ultima actualizare: 2023-03-13
Funcționează cu WooCommerce 7.1 - 7.6.x
Citiți documentația pluginului →

rezumat

Adăugați produse personalizate și câmpuri de plată în WooCommerce

În acest articol, ți-am arătat pluginurile pe care le poți folosi pentru a crea câmpuri personalizate în WooCommerce.

Există două plugin-uri pe care le puteți folosi pentru a crea câmpuri personalizate în WooCommerce:

  • Descărcați Câmpuri flexibile de plată →
  • Descărcați Câmpuri flexibile de produse →

Ambele plugin-uri sunt disponibile pentru descărcare gratuită. Cu toate acestea, versiunea gratuită nu acceptă toate funcțiile.

Puteți testa toate pluginurile noastre (și versiunile lor PRO) într-un demo gratuit !

Anunțați-ne dacă aveți întrebări despre pluginuri și despre crearea câmpurilor personalizate!

Mai multe despre pluginurile noastre