Como usar: Localizador de Path JSON
- Cole o JSON — um payload de webhook do Webflow, HubSpot ou Stripe, uma resposta de API ou uma saída de exemplo do Make/Zapier.
- Clique em qualquer chave ou valor na árvore (a busca ajuda em payloads grandes).
- Copie o caminho do sistema com que você está trabalhando: JavaScript, JSONPath, jq, Python, PHP, n8n ou Make.
- No Make, defina o número do módulo que gerou os dados — o caminho fica
{{3.items[2].name}}.
Por que um localizador de path economiza tempo
Payloads do mundo real são profundos: um webhook de formulário do Webflow, um contato do HubSpot, um evento do Stripe ou um item de CMS podem ter centenas de linhas de objetos e arrays aninhados. Escrever data.payload.data.items[0].fieldData.name na mão significa contar colchetes e chutar — e um índice errado retorna undefined sem avisar. Clicar no valor te dá o caminho exato na hora.
Comparação de sintaxes de path
| Sintaxe | Exemplo | Observações |
|---|---|---|
| JavaScript | data.items[1].name | Chaves com espaços usam ["company name"] |
| JSONPath | $.items[1].name | Usado por muitas APIs, testes do Postman e algumas ferramentas no-code |
| jq | .items[1].name | Processador de JSON de linha de comando |
| Python / PHP | data["items"][1]["name"] | Acesso com colchetes em dicts e arrays |
| n8n | {{ $json.items[1].name }} | Sintaxe de expressão nos campos dos nodes |
| Make | {{1.items[2].name}} | Arrays começam em 1; o primeiro número é o módulo |
Arrays em 1 no Make
Em todos os outros lugares o primeiro item do array é [0]; no Make é [1]. Esse é o motivo mais comum de um mapeamento voltar vazio no Make. A ferramenta converte os índices automaticamente e envolve chaves com espaços em crases. No Zapier, campos aninhados aparecem achatados (por exemplo contact__email) e itens de linha são tratados como arrays — o “Zapier field key” mostra a forma achatada.
Precisa limpar o JSON antes? Use o Formatador de JSON. Para transformar arrays em tabelas, experimente JSON para CSV; para tipos em código, JSON para TypeScript; e para campos de data em automações, o Conversor de Formato de Data.
Também pesquisado como: localizador path json, json path finder, como pegar path json, mapeamento make, expressão n8n, path jq, payload webhook, caminho chave json.
Ferramentas que combinam com: Localizador de Path JSON
- Testador de JSONPath — Digite uma consulta JSONPath e veja na hora o que ela seleciona, com o caminho exato de cada resultado.
- Webhook Tester — Gere uma URL única, aponte qualquer webhook ou cliente HTTP para ela e veja as requisições chegarem em tempo real — headers, query string e body formatado, além de verificação de assinatura HMAC.
- Testador de API — Uma alternativa leve ao Postman no seu navegador: monte uma requisição HTTP, envie e veja status, tempo, headers e o JSON formatado.
- Estilizador de Formulário HubSpot — Monte seu formulário HubSpot com uma prévia ao vivo — campos, rótulos, linhas de duas colunas, checkboxes, mensagens de erro e o botão de envio — e copie o CSS, o código de incorporação completo ou um Code Embed para Webflow pronto para usar.
Perguntas frequentes
Meu JSON é enviado para algum servidor?
Por que o Make usa [1] para o primeiro item?
O que é JSONPath?
$.store.books[0].title seleciona um único valor; é usado em APIs, ferramentas de teste e algumas plataformas de automação.