Formulário com Autopreenchimento de Endereço com CEP no Contact Form 7

Os formulários têm como objetivo a captura de dados para a empresa retornar o contato respondendo as dúvidas ou para vender algum tipo de serviço. Alguns sites possuem formulários que não são muito intuitivos ou inteligentes obrigando o possível cliente escrever em mais campos, como por exemplo quando quer informar o endereço.

Nesse artigo vou apresentar um plugin que vai melhorar muito a experiência do usuário fazendo o autopreenchimento do endereço ao informa o CEP.

Confira o Plugin grátis para autopreenchimento de campo pelo uso do CEP, reenchimento automático do endereço a partir do CEP.

CEP no formulário do site

 

Plugin Contact Form 7 – Autopreenchimento de Endereço

Contact Form 7 – Plugin grátis de Autopreenchimento de Endereço permite que os campos de logradouro (rua, avenida e etc), bairro, cidade e estado (UF) sejam prenchidos automaticamente baseado no CEP informado.

O plugin identifica o campo que irá receber o CEP e os campos a serem preenchidos automaticamente através de classes CSS específicas que informam ao plugin o valor que o campo deve receber.

Classe utilizadas no shortcode:

• cf7-cep-autofill. No campo em que o usuário deve preencher o CEP
• cf7-cep-autofill__rua. Para receber o valor do logradouro
• cf7-cep-autofill__bairro. Para receber o valor do bairro
• cf7-cep-autofill__cidade. Para receber o valor da cidade
• cf7-cep-autofill__uf. Para receber o valor do estado

 

Exemplos do shortcode com a classe aplicada:

• [text* cep class:cf7-cep-autofill]
• [text* logradouro class:cf7-cep-autofill__rua]
• [text* bairro class:cf7-cep-autofill__bairro]
• [text* cidade class:cf7-cep-autofill__cidade]
• [text* estado class:cf7-cep-autofill__uf]

Melhor plugin para formulário WORDPRESS que preenche os campos de endereço ou autocompleta os campos tornado o site mais dinâmico facilitando a experiência do usuário.

LINK para baixar plugin Contact Form 7 – Autopreenchimento de Endereço

https://br.wordpress.org/plugins/cf7-cep-autofill/

 

Vídeo tutorial de como configurar o CEP

Confira no vídeo abaixo o tutorial completo de como configurar o plugin de CEP para fazer o autopreenchimento de campo.

Com o plugin Contact Form 7 – Autopreenchimento de Endereço permite que os campos de logradouro (rua, avenida e etc), bairro, cidade e estado (UF) sejam preenchidos automaticamente baseado no CEP informado.

https://www.youtube.com/watch?v=OrROTB8CSmY