Autopreenchimento de endereço em formulários

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:

• Contact Form 7
• WPForms
• Elementor
• Formidable Forms
• Ninja Forms
• Gravity Forms

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:

• 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

Exemplo de uso com o plugin Contact Form 7:

[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"]

Caso o campo da UF seja do tipo select (menu suspenso):

[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"]

Nos outros plugins basta informar as classes do plugin nos respectivos campos que os editores dos formulários oferecem.

Dúvidas?

Você pode esclarecer suas dúvidas criando um tópico no fórum de ajuda do WordPress.

Créditos

Foram utilizados os seguintes scripts/serviços de terceiros:

• ViaCEP.

autopreenchimento cep cf7 contact form 7 endereco gravity forms ninja forms WPForms