FernandoAcosta.Netdocs

Aplicar máscara de CEP no campo da calculadora

2 min de leituraAtualizado há 5 dias

A opção Máscara de campo formata o CEP enquanto o cliente digita: 01310100 vira 01310-100 automaticamente. Resolve dois problemas comuns: clientes que esquecem o traço e clientes que tentam colar o CEP em formatos estranhos.

Como ligar

  1. Acesse WooCommerce → Configurações → Entrega.
  2. Role até Otimização da calculadora.
  3. Marque Máscara de campo.
  4. Clique em Salvar alterações.

O que a máscara faz

  • Aplica o formato 00000-000 enquanto o cliente digita.
  • Em dispositivos móveis, força o teclado numérico — sem letras nem caracteres especiais.
  • Funciona com autocomplete do navegador (Chrome, Safari etc).
  • Após qualquer atualização do carrinho (mudar quantidade, remover item), a máscara é reaplicada automaticamente.

Compatibilidade especial

TM Extra Product Options

Esse plugin de opções avançadas pode interferir nos campos do carrinho. A Calculadora de Frete Otimizada detecta a presença dele e usa um fallback específico pra reiniciar a máscara sem conflito.

Se você tem o TM Extra Product Options ativo e nota qualquer comportamento estranho na máscara, abra um ticket — o tratamento já existe, mas combinações novas podem aparecer.

Sempre ativar

Não há razão pra deixar essa opção desligada numa loja que vende pro Brasil. CEP sem traço calcula igual, mas com traço o cliente vê que o número está completo e correto.

Lib usada

A máscara é aplicada via jQuery Mask Plugin 1.14.10, incluído no plugin (não precisa instalar nada à parte).

Customizar via código

Pra ligar/desligar a máscara programaticamente sem mexer no admin, use o filtro wc_shipping_calculator_improvements_mask. Veja Customizar opções via código.

Foi útil?