Preenchimento automático de campos de endereço baseado no CEP informado.

Tiago Neves

Preenche endereço CEP para Woocommerce

fabbricaweb

Autopreenchimento de endereço em formulários permite que os campos de logradouro (rua, avenida e etc), bairro, cidade e estado (UF) sejam prenchidos automaticamente baseado no CEP informado. Ele
Plugins testados até o momento:
<ul>
<li><a href="https://br.wordpress.org/plugins/contact-form-7/" rel="nofollow ugc">Contact Form 7</a></li>
<li><a href="https://br.wordpress.org/plugins/wpforms-lite/" rel="nofollow ugc">WPForms</a></li>
<li><a href="https://br.wordpress.org/plugins/elementor/" rel="nofollow ugc">Elementor</a></li>
<li><a href="https://br.wordpress.org/plugins/formidable/" rel="nofollow ugc">Formidable Forms</a></li>
<li><a href="https://br.wordpress.org/plugins/ninja-forms/" rel="nofollow ugc">Ninja Forms</a></li>
<li><a href="https://www.gravityforms.com/" rel="nofollow ugc">Gravity Forms</a></li>
<li><a href="https://jetformbuilder.com/" rel="nofollow ugc">JetFormBuilder</a></li>
</ul>
Autopreenchimento de endereço em formulários 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.
São elas:
<ul>
<li>cf7-cep-autofill no campo em que o usuário deve preencher o CEP</li>
<li>cf7-cep-autofill__rua para receber o valor do logradouro</li>
<li>cf7-cep-autofill__bairro para receber o valor do bairro</li>
<li>cf7-cep-autofill__cidade para receber o valor da cidade</li>
<li>cf7-cep-autofill__uf para receber o valor do estado</li>
</ul>
Exemplo de uso com o plugin <a href="https://br.wordpress.org/plugins/contact-form-7/" rel="nofollow ugc">Contact Form 7</a>:
<pre><code>[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]
[select* estado class:cf7-cep-autofill__uf include_blank "AC" "AL" "AP" "AM" "BA" "CE" "DF" "ES" "GO" "MA" "MT" "MS" "MG" "PA" "PB" "PR" "PE" "PI" "RJ" "RN" "RS" "RO" "RR" "SC" "SP" "SE " "TO"]
</code></pre>
Caso o campo da UF seja do tipo select (menu suspenso):
<pre><code>[select* estado class:cf7-cep-autofill__uf include_blank "AC" "AL" "AP" "AM" "BA" "CE" "DF" "ES" "GO" "MA" "MT" "MS" "MG" "PA" "PB" "PR" "PE" "PI" "RJ" "RN" "RS" "RO" "RR" "SC" "SP" "SE " "TO"]
</code></pre>
Nos outros plugins basta informar as classes do plugin nos respectivos campos que os editores dos formulários oferecem.
<h4>Dúvidas?</h4>
Você pode esclarecer suas dúvidas criando um tópico no <a href="https://wordpress.org/support/plugin/cf7-cep-autofill" rel="ugc">fórum de ajuda do WordPress</a>.
<h4>Créditos</h4>
Foram utilizados os seguintes scripts/serviços de terceiros:
<ul>
<li><a href="https://viacep.com.br/" rel="nofollow ugc">ViaCEP</a>.</li>
</ul>

Autopreenchimento de endereço em formulários

Muito bom plugin, com uma excelente adição ao Contact Form 7, recurso muito bem-vindo à diversos projetos, parabéns por disponibilizá-lo por aqui.

Alternatives to Autopreenchimento de endereço em formulários

Top alternatives