Como configurar a validação para verificação de campos de checkout do WooCommerce (como e-mail)

Neste artigo, mostrarei como configurar a verificação automática de e-mail de checkout WooCommerce. Você poderá usar a validação de checkout padrão do WooCommerce para campos como e-mail, endereço, telefone ou seus campos personalizados também!

Você já recebeu um pedido com endereço de e-mail com erros ortográficos e perguntas de um cliente que não recebeu nenhuma mensagem de sua loja?

Hoje, você verá o método de verificação do campo de checkout do WooCommerce . Ou seja, vou mostrar o exemplo de validação de e-mail, mas você pode usar para qualquer campo.

Índice

1. Plugin de validação de checkout WooCommerce
2. Verificação de campo WooCommerce Checkout no seu melhor
3. Como configurar a validação de e-mail de checkout WooCommerce
4. Regras de validação personalizadas para desenvolvedores

Plugin de validação de checkout WooCommerce

Primeiro de tudo, você precisa de um plugin para validar os campos de checkout. Criamos a solução completa para gerenciamento de campo de checkout porque o WooCommerce carece dessa coisa crucial.

O nome do nosso plugin é Flexible Checkout Fields . E as pessoas adoram!

Recebemos muitos comentários positivos dos usuários. Além disso, mais de 80.000 lojas em todo o mundo usam este plugin!

As pessoas apreciam ambos os recursos...

... e nosso suporte:

O plug-in para gerenciamento de campos de checkout deve oferecer uma opção para:

• mudar os nomes dos campos,
• alterar a ordem dos campos,
• criar novos campos personalizados,
• adicionar validação aos campos,
• alterar a aparência dos campos.

Campos de Checkout Flexível tem todos esses recursos. Além disso, você pode baixar este plugin gratuitamente!

Você vai adorar esta interface simples

Decidimos torná-lo o mais estilo WordPress possível. Este design será bem conhecido por você como usuário do WordPress/WooCommerce.

Assista a este vídeo para ver como é o plug-in de validação de checkout do WooCommerce:

Além disso, o design não atrapalha, mas ajuda você a atingir seus objetivos sem problemas.

Devido aos nossos esforços, você configurará este plug-in em um segundo!

Verificação de campo WooCommerce Checkout no seu melhor

Acima de tudo, você precisa saber que o WooCommerce possui validação de campos integrada, incluindo e-mail, número de telefone ou código postal.

Campos de check-out flexíveis permitem que você use essas regras padrão para a validação do campo de check-out personalizado.

Dessa forma, você pode adicionar facilmente a verificação de e-mail ao checkout do WooCommerce!

Além disso, você pode usar sua validação personalizada. Portanto, nossos usuários elogiam os campos de check-out flexíveis como um plug-in eficiente de validação de checkout do WooCommerce!

Como configurar a validação de e-mail de checkout WooCommerce

Em primeiro lugar, você pode configurar a validação de e-mail de checkout WooCommerce de duas maneiras. Tudo depende das suas necessidades. Você pode:

• desativar a validação no campo de e-mail padrão
• adicione validação de e-mail ao seu campo personalizado

Você pode encontrar uma opção na configuração do campo:

Há uma caixa de seleção para que você possa simplesmente selecionar uma opção que deseja:

• Padrão
• Nenhum
• E-mail
• Telefone
• CEP

Por padrão, apenas alguns campos possuem validação integrada. A validação de checkout padrão do WooCommerce funciona para os campos E-mail, Telefone e Código Postal. Esses campos possuem a opção "Padrão" habilitada. Você pode desativá-lo se precisar com a opção Nenhum . Dessa forma, você pode desativar a validação de e-mail de checkout padrão do WooCommerce.

Como resultado, você pode ver os campos com validação padrão integrada abaixo:

Por padrão, ele valida o campo assim:

Você verá uma mensagem de erro como resultado...

para um endereço de e-mail inválido.

Para esclarecer, você pode usar esta validação de e-mail de checkout WooCommerce para seus campos personalizados.

Crie seu campo personalizado e selecione Email na caixa Tipo de campos de texto na configuração do campo:

Então, vamos tentar. Insira endereços de e-mail inválidos.

Por fim, confira o resultado:

Da mesma forma, você pode usar a validação de telefone e código postal em seus campos personalizados da mesma maneira.

Regras de validação personalizadas para desenvolvedores

Você está pronto para usar a validação de e-mail de checkout WooCommerce em sua loja?

Por fim, você aprendeu como configurar a validação no plug-in Campos de check-out flexíveis. Esta é uma ferramenta muito poderosa.

No entanto, os campos flexíveis de check-out não são apenas o plug-in de validação de check-out.

Resumindo, espero que esse conhecimento ajude você com sua loja! Se você tiver alguma dúvida, basta usar a seção de comentários abaixo.

Da mesma forma, acho que nosso Guia passo a passo do WooCommerce Checkout será interessante para você.