Cómo usar: Buscador de rutas JSON
- Pega el JSON: un payload de webhook de Webflow, HubSpot o Stripe, una respuesta de API o un ejemplo de salida de Make o Zapier.
- Haz clic en cualquier clave o valor del árbol (la búsqueda ayuda en payloads grandes).
- Copia la ruta del sistema con el que trabajas: JavaScript, JSONPath, jq, Python, PHP, n8n o Make.
- En Make, indica el número del módulo que generó los datos: la ruta queda como
{{3.items[2].name}}.
Por qué un buscador de rutas ahorra tiempo
Los payloads reales son profundos: un webhook de formulario de Webflow, un contacto de HubSpot, un evento de Stripe o un elemento de CMS pueden tener cientos de líneas de objetos y arrays anidados. Escribir data.payload.data.items[0].fieldData.name a mano implica contar corchetes y adivinar, y un solo índice incorrecto devuelve undefined sin avisar. Al hacer clic en el valor obtienes la ruta exacta al instante.
Comparativa de sintaxis de rutas
| Sintaxis | Ejemplo | Notas |
|---|---|---|
| JavaScript | data.items[1].name | Las claves con espacios usan ["company name"] |
| JSONPath | $.items[1].name | Lo usan muchas APIs, pruebas de Postman y algunas herramientas no-code |
| jq | .items[1].name | Procesador de JSON por línea de comandos |
| Python / PHP | data["items"][1]["name"] | Acceso con corchetes a diccionarios y arrays |
| n8n | {{ $json.items[1].name }} | Sintaxis de expresiones en los campos de nodos |
| Make | {{1.items[2].name}} | Los arrays empiezan en 1; el primer número es el módulo |
Los arrays de Make empiezan en 1
En casi todos los demás lugares, el primer elemento de un array es [0]; en Make es [1]. Esta es la causa más común de que un mapeo devuelva vacío en Make. La herramienta convierte los índices automáticamente y encierra entre acentos graves las claves que contienen espacios. En Zapier, los campos anidados aparecen aplanados (por ejemplo contact__email) y las líneas de pedido se tratan como arrays; la «clave de campo de Zapier» muestra la forma aplanada.
¿Necesitas limpiar el JSON primero? Usa el Formateador de JSON. Para convertir arrays en tablas, prueba JSON a CSV; para tipos en código, JSON a TypeScript; y para campos de fecha en automatizaciones, el Conversor de formatos de fecha.
También se busca como: json path finder, obtener ruta json, mapeo make, expresión n8n, ruta jq, payload webhook, visor de árbol json.
Herramientas que combinan con: Buscador de rutas JSON
- Probador de JSONPath — Escribe una consulta JSONPath y verás al instante qué selecciona, con la ruta exacta de cada coincidencia.
- Webhook Tester — Obtén una URL única, apunta cualquier webhook o cliente HTTP hacia ella y mira cómo llegan las peticiones en tiempo real: cabeceras, query string y cuerpo formateado, además de comprobaciones de firma HMAC.
- Probador de API — Una alternativa ligera a Postman en tu navegador: crea una petición HTTP, envíala y revisa el estado, los tiempos, las cabeceras y el JSON formateado.
- Estilizador de formularios HubSpot — Diseña tu formulario de HubSpot con una vista previa en vivo: campos, etiquetas, filas de dos columnas, casillas, mensajes de error y el botón de envío.
Preguntas frecuentes
¿Se sube mi JSON a algún servidor?
¿Por qué Make usa [1] para el primer elemento?
¿Qué es JSONPath?
$.store.books[0].title selecciona un único valor; se usa en APIs, herramientas de pruebas y algunas plataformas de automatización.