Passo a passo para criar um campo de Cep que faça aparecer automaticamente o Endereço correspondente

@Matheus Alexandre , sabe me dizer se é possível criar uma loja virtual customizada para usar esse tipo de customização, sem usar o wix stories ?

Olá Matheus. Eu consigo fazer esses passos na página do checkout (finalizar compra) ?

Oi @Luciano de Novaes

1- Crie um formulário para mostrar as informação.

Essas são as informações que você pode obter com a api viaCep:

   {
      "cep": "01001-000",
      "logradouro": "Praça da Sé",
      "complemento": "lado ímpar",
      "bairro": "Sé",
      "localidade": "São Paulo",
      "uf": "SP",
      "unidade": "",
      "ibge": "3550308",
      "gia": "1004"
    }
            

2 - Edite os ids dos botões para facilitar a manipulação via código:

3 - Adicione o código ao evento de blur.

Em seguida adicone o código que deve ficar parecido com esse:

import {getJSON} from 'wix-fetch';

$w.onReady(function () {
 //TODO: write your page related code here...

});

export function cep_blur(event) {

getJSON(`https://viacep.com.br/ws/${$w('#cep').value}/json/`)
  .then(dados => {
 if(dados.cep) {
      $w('#cep').value = dados.cep
      $w('#bairro').value = dados.bairro
      $w('#logradouro').value = dados.logradouro
      $w('#uf').value = dados.uf
      $w('#cidade').value = dados.localidade
    }
  })
  .catch(err => console.log(err));

}

4 - esse é o resultado:

Espero ter ajudado!