# Usage

## How to insert macro[​](#how-to-insert-macro "Direct link to How to insert macro")

Type /json and select "JSON Structure Viewer" ![Typing /json in Confluence editor to find the macro](/assets/images/1-b618ca7b373418beb47e5f26947bbc45.png)

Or click the "+" button and select "JSON Structure Viewer", the editor will open. ![Selecting JSON Structure Viewer from the insert menu](/assets/images/2-3af7eba101bcf1e015fc471d9c100114.png)

## Editor[​](#editor "Direct link to Editor")

An empty editor: ![Empty JSON editor panel](/assets/images/3-d29d16ec169496aff96442b2bcdfa1e1.webp)

Input or paste your json code in the left editor panel, then the preview will show in right panel ![Pasting JSON in the editor with live preview](/assets/images/4-e4d4b1b52be4396ffe6cc87bfe40f885.webp)

Click the "Save" button on bottom right to save the macro. ![Save button location in the editor](/assets/images/5-edcc14ae4c6ef98153f14285b3b2ae08.png)

## Preview mode[​](#preview-mode "Direct link to Preview mode")

After you save the macro, you can click the image to open preview mode, then use the bottom tool bar to zoom in/out or rotate ![Preview mode with zoom and rotate toolbar](/assets/images/6-5e410ea9bb26e4215c0eec588fd71803.webp)

## Related Blog Posts[​](#related-blog-posts "Direct link to Related Blog Posts")

* [How to embed and visualize JSON in Confluence](/blog/embed-json-confluence.md)
* [Best Confluence apps for developers](/blog/best-confluence-apps-developers.md)
* [Advanced code blocks in Confluence](/blog/advanced-code-blocks-confluence.md)

Was this helpful?👍 Yes👎 No