So nutzt du: JSON-Pfad-Finder
- JSON einfügen – etwa einen Webhook-Payload von Webflow, HubSpot oder Stripe, eine API-Antwort oder eine Beispielausgabe aus Make/Zapier.
- Klicke auf einen beliebigen Schlüssel oder Wert im Baum (bei großen Payloads hilft die Suche).
- Kopiere den Pfad für das System, mit dem du arbeitest: JavaScript, JSONPath, jq, Python, PHP, n8n oder Make.
- Für Make stellst du die Modulnummer des Moduls ein, das die Daten erzeugt hat – der Pfad wird dann zu
{{3.items[2].name}}.
Warum ein Pfad-Finder Zeit spart
Echte Payloads sind tief verschachtelt: ein Webflow-Formular-Webhook, ein HubSpot-Kontakt, ein Stripe-Event oder ein CMS-Eintrag können hunderte Zeilen verschachtelter Objekte und Arrays umfassen. Einen Pfad wie data.payload.data.items[0].fieldData.name von Hand zu schreiben heißt Klammern zählen und raten – und ein falscher Index liefert still undefined. Ein Klick auf den Wert liefert dir den exakten Pfad sofort.
Pfad-Syntax im Vergleich
| Syntax | Beispiel | Hinweise |
|---|---|---|
| JavaScript | data.items[1].name | Schlüssel mit Leerzeichen nutzen ["company name"] |
| JSONPath | $.items[1].name | Wird von vielen APIs, Postman-Tests und einigen No-Code-Tools genutzt |
| jq | .items[1].name | Kommandozeilen-JSON-Prozessor |
| Python / PHP | data["items"][1]["name"] | Klammerzugriff auf Dictionaries und Arrays |
| n8n | {{ $json.items[1].name }} | Ausdrucksyntax in Node-Feldern |
| Make | {{1.items[2].name}} | Arrays beginnen bei 1; die erste Zahl ist das Modul |
Makes Arrays ab 1
Überall sonst hat das erste Array-Element den Index [0]; in Make ist es [1]. Das ist der häufigste Grund, warum ein Mapping in Make leer bleibt. Das Tool rechnet die Indizes automatisch um und setzt Schlüssel mit Leerzeichen in Backticks. In Zapier erscheinen verschachtelte Felder flach (z. B. contact__email), und Positionen werden als Arrays behandelt – der „Zapier-Feldschlüssel“ zeigt die flache Form.
Brauchst du das JSON vorher aufgeräumt? Nutze den JSON Formatter. Um Arrays in Tabellen zu verwandeln, probiere JSON to CSV; für Typen im Code JSON to TypeScript; und für Datumsfelder in Automationen den Date Format Converter.
Auch gesucht als: json path finder, json pfad finden, json pfad ermitteln, make mapping, n8n expression, jq pfad, webhook payload, json key pfad.
Passende Tools zu: JSON-Pfad-Finder
- JSONPath Tester — Gib eine JSONPath-Abfrage ein und sieh sofort, was sie auswählt – inklusive des genauen Pfads jedes Treffers.
- Webhook-Tester — Erhalte eine eindeutige URL, richte einen beliebigen Webhook oder HTTP-Client darauf und sieh Requests in Echtzeit eintreffen – Header, Query-String und formatierter Body, dazu HMAC-Signaturprüfungen.
- API-Tester — Eine schlanke Postman-Alternative im Browser: HTTP-Request zusammenstellen, senden und Status, Dauer, Header sowie formatiertes JSON prüfen.
- HubSpot Formular Styler — Gestalte dein HubSpot-Formular mit Live-Vorschau — Eingabefelder, Labels, zweispaltige Zeilen, Checkboxen, Fehlermeldungen und den Absenden-Button.
Häufige Fragen
Wird mein JSON hochgeladen?
Warum nutzt Make [1] für das erste Element?
Was ist JSONPath?
$.store.books[0].title wählt genau einen Wert aus; er wird in APIs, Testwerkzeugen und einigen Automatisierungsplattformen verwendet.