Auto preenchimento de endereço pelo CEP

Como completar um endereço dinamicamente utilizando CEP

Para cadastrar um novo endereço em um formulário da loja, o cliente pode inserir o endereço completo manualmente, ou inserir o Código de Endereçamento Postal (CEP) para que o formulário carregue dinamicamente os outros dados de endereço. Esse carregamento automático é um recurso no front-end da loja para facilitar a experiência do usuário e diminuir erros de endereço em formulários de cadastro.

Para utilizar o recurso você deve realizar uma chamada GET na URL https://www.nomeDaLoja.com.br/cep/NumerosCep. A resposta desse endpoint é um objeto com:

  • zip: Código de Endereçamento Postal (CEP);
  • street_name: nome da rua;
  • neighborhood: bairro;
  • city: cidade;
  • state: sigla do estado.

Confira o exemplo da chamada pela URL https://www.kangol.com.br/cep/24210520

"zip": "24210520",

"street_name": "Rua Fagundes Varela",

"neighborhood": "Ingá",

"city": "Niterói",

"state": "RJ"

📘

Recomendamos validar o CEP antes do preenchimento automático. Não se esqueça de disponibilizar o campo de número do endereço para preenchimento do usuário.