Bright Plugins achiziționează pluginuri WordPress și WooCommerce. Hai să vorbim

Stilizarea stărilor personalizate de comandă

Lectură de 2 min Actualizat pe 20 aprilie 2026 Echipa Bright Plugins

Obține Order Status Pro

Pe scurt#

  • Adăugați o pictogramă ușor de recunoscut pentru starea personalizată.
  • Setați Culoarea și Culoarea de fundal a textului ca eticheta să se citească ușor.
  • Alegeți cum apare în liste, din Modul de afișare a stării (Nume sau Pictograma).
  • Verificați rezultatul în WooCommerce → Comenzi.

Deschideți editorul de stări#

Cale: WooCommerce → Comenzi → Order Status → Editare (alegeți o stare) sau Adaugă nou (creați una).


Text alternativ: Editorul de stări, deschis din WooCommerce → Comenzi → Order Status.
Legendă: „Deschideți editorul de stări din Orders → Order Status.”

Adăugați o pictogramă#

Faceți clic pe Adaugă o pictogramă și alegeți o pictogramă simplă și grăitoare. Evitați formele prea încărcate și preferați siluetele clare.


Text alternativ: Selectorul de pictograme, deschis pentru starea personalizată.
Legendă: „Alegeți o pictogramă simplă, ușor de recunoscut.”


Text alternativ: Pictograma aleasă, aplicată stării.
Legendă: „Confirmați că pictograma a fost atribuită.”

Alegeți culorile etichetei#

Folosiți Culoarea (text și pictogramă) și Culoarea de fundal a textului (fundalul etichetei), ca să obțineți contrast și să parcurgeți lista dintr-o privire.


Text alternativ: Selectoarele de culoare pentru text, pictogramă și fundalul etichetei.
Legendă: „Stabiliți culoarea textului și a pictogramei, apoi fundalul etichetei.”

Sfaturi despre contrast#

  • Text închis pe fundal deschis, ori text deschis pe fundal închis.
  • Evitați combinațiile fără contrast, de exemplu gri mediu pe gri deschis.
  • Păstrați aceeași paletă pentru toate stările.


Text alternativ: Comparație între etichete cu contrast puternic și etichete fără contrast.
Legendă: „Preferați combinațiile cu contrast puternic, ca textul să se citească ușor.”

Modul de afișare a stării: nume sau pictogramă#

Stabiliți cum se afișează starea în tabelul de comenzi.

  • Nume: afișează eticheta text, varianta cea mai limpede pentru toată lumea.
  • Pictogramă: înlocuiește textul cu pictograma, bun dacă echipa recunoaște simbolurile.


Text alternativ: Lista Modul de afișare a stării, deschisă, cu opțiunile Nume și Pictogramă.
Legendă: „Alegeți dacă se afișează numele sau doar pictograma.”

Verificați rezultatul în lista de comenzi#

Salvați starea și deschideți WooCommerce → Comenzi ca să verificați dintr-o privire cât de ușor se citește.

  • Urmăriți eticheta din coloana Stare.
  • Dacă folosiți vizualizarea Pictograma, asigurați-vă că pictograma se înțelege de la sine.


Text alternativ: Lista de comenzi, cu etichete afișate ca Nume și ca Pictogramă.
Legendă: „Verificați lizibilitatea și consecvența în lista de comenzi.”

Bune practici#

  • Folosiți aceleași 2-4 culori de bază ca să grupați etapele: albastru pentru lucru în curs, verde pentru finalizat, roșu pentru blocat.
  • Păstrați roșul și galbenul pentru alerte și pentru stările care cer atenție.
  • Nu vă bazați doar pe culoare: textul sau pictograma trebuie să fie limpezi.

Depanare#

  • Eticheta pare ștearsă sau greu de citit: măriți contrastul dintre text și fundal.
  • Pictograma derutează: treceți la un simbol mai simplu sau folosiți Modul de afișare a stării = Nume.
  • Nu se vede nicio schimbare în lista de comenzi: salvați starea și reîncărcați pagina; dacă folosiți un plugin de cache, goliți memoria cache.

Actualizat pe 20 aprilie 2026 · Aveți nevoie de ajutor? Deschideți un tichet de asistență