Skip to content

JSON viewer

The JSON Viewer is a HubSpot add-on that lets you easily view and work with JSON data directly inside HubSpot records. No need to dig through raw API responses — the viewer formats complex data into a clean, readable display.

jsonviewer
Why it’s useful
 or teams managing integrations, custom objects, or API-heavy workflows, JSON data can be hard to read and even harder to troubleshoot. JSON Viewer makes it simple to validate, review, and use the data that powers your HubSpot setup.

Key features:
  • View JSON data directly inside HubSpot records
  • Format and display responses in a readable way
  • Simplify debugging of custom integrations and workflows
  • Save time for developers and operations teams

 

HOW IT WORKS

JSON Format

Only basic JSON is supported. Nested arrays will not render as nicely in a table format inside the HubSpot extension.

Automatic Detection

Scans all object properties and filters those containing JSON with more than one top‐level key.

Dynamic Tables

Renders each JSON property in its own collapsible table with column headers derived from field names.

Type Formatting

Date and currency values detected by field name (e.g., createdDate, amount) are presented in human‐readable formats.

Empty & Error States

Displays informative messages when:
- No JSON properties are found
- A JSON property contains malformed data
- A JSON object only has a single key (filtered out)

Responsive UI

Uses HubSpot UI Extensions components to blend seamlessly with native CRM styling.

Check it Here:


Set up guide

1) Click the Install APP button above and follow the connection steps

oauth

2) Once installed create a property on a contact, company or deal to store your JSON data. (Multi line text is the ideal property type)

3) Save a basic JSON array to the newly created property.

The table header in HubSpot will pull from JSON property names. A row will then be rendered for each array item with the values. Note: nested JSON arrays are not supported.

JSON example below:

json-dataexample

4) Add the JSON Viewer card to the middle pane view to your HubSpot object of choice (eg. Contact object)

json-card-install

JSON-card-Install2

5) Now return to the record in HubSpot that you have saved some JSON to on your new property and refresh the card. You JSON should now display inside the middle pane card.


jsonviewer

 

How to Disconnect / Uninstall the APP:
  • Navigate to Settings > Integrations > Connected APPs.
  • Search for the APP JSON Viewer
  • Click "Uninstall" from the actions list

Our APP does not store any of your data so there are no issues if you disconnect / reinstall it multiple times.

Get in touch, We love to talk