A Bright Plugins está adquirindo plugins WordPress e WooCommerce. Vamos conversar

Estilize seu status de pedido personalizado

2 min read Updated 20 de abril de 2026 By the Bright Plugins team

Resumo Rápido#

  • Adicione um ícone reconhecível ao seu status personalizado.
  • Pôr Cor e Cor de fundo do texto para um crachá legível.
  • Escolha como ele aparece nas listas com Visualização de status (Nome ou Ícone ).
  • Visualize o resultado em Pedidos → WooCommerce .

Abra o editor de status#

Caminho: Pedidos do WooCommerce → → Status do pedido → Editar (escolha um status) ou Adicionar novo (crie um).


ALT: Editor de status aberto a partir do WooCommerce → Pedidos → Status do pedido.
Legenda: "Abra o editor de status em Pedidos → Status do pedido."

Adicionar um ícone#

Clique Adicionar ícone e escolha um ícone simples e descritivo. Evite formas excessivamente detalhadas; Prefira silhuetas claras.


ALT: Seletor de ícones aberto para o status personalizado.
Legenda: "Escolha um ícone simples e fácil de reconhecer."


ALT: Ícone selecionado aplicado ao status.
Legenda: "Confirme se o ícone está atribuído."

Escolher as cores do selo#

Usar Cor (texto/ícone) e Cor de fundo do texto (fundo do crachá) para garantir contraste e digitalização rápida.


ALT: Abra seletores de cores para texto/ícone e plano de fundo do crachá.
Legenda: "Defina a cor do texto/ícone e o plano de fundo do emblema."

Dicas de contraste#

  • Texto escuro em um luz fundo ou texto claro em um escuro fundo.
  • Evite pares de baixo contraste (por exemplo, cinza médio sobre cinza claro).
  • Mantenha uma paleta consistente em todos os seus status.


ALT: Comparação de crachás de status de alto contraste e baixo contraste.
Legenda: "Prefira combinações de alto contraste para facilitar a leitura."

Visualização de status: nome vs ícone#

Controle como o status é renderizado na tabela de pedidos.

  • Nome: mostra o rótulo de texto (mais claro para todos os usuários).
  • Ícone: substitui o texto pelo ícone (funciona se sua equipe reconhecer os símbolos).


ALT: O menu suspenso Exibição de status é aberto com as opções Nome e Ícone.
Legenda: "Escolha se deseja mostrar o nome ou apenas o ícone."

Visualizar em pedidos#

Salve o status e abra Pedidos → WooCommerce para validar a legibilidade rapidamente.

  • Verifique o distintivo No Estado coluna.
  • Se estiver usando Ícone , certifique-se de que o ícone seja autoexplicativo.


ALT: Exibição de pedidos mostrando emblemas renderizados como Nome e como Ícone.
Legenda: "Verifique a legibilidade e a consistência na lista de pedidos."

Práticas recomendadas#

  • Reutilizar 2-4 cores principais para fases de grupo (por exemplo, azuis = em andamento, verdes = concluídos, vermelhos = bloqueados).
  • Reservar vermelho/amarelo para alertas ou estados que requerem atenção.
  • Não confie apenas na cor: o Texto ou ícone deve ser claro.

Solucionando problemas#

  • O distintivo parece pálido/difícil de ler: aumento contraste (texto vs plano de fundo).
  • O ícone é confuso: mude para um símbolo mais simples ou usar Status View = Nome .
  • Sem alterações nos pedidos: salve o status e atualizar ; Limpe o cache se você usar um plug-in de cache.

Updated on 20 de abril de 2026 · Need help? Open a support ticket