---
title: "HTML Proof Viewer"
slug: "html-proof-viewer"
updated: 2026-01-16T13:26:11Z
published: 2026-01-16T13:26:11Z
canonical: "documentation.encodify.com/html-proof-viewer"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.encodify.com/llms.txt
> Use this file to discover all available pages before exploring further.
# HTML Proof Viewer
## How to Configure HTML Proof Viewer
---
To enable the ability to proof HTML formats, follow the below steps:
1. Go to **Site Configuration → {Module} → Media File Holder**.
2. Find the **Media Holder** where proofing has already been enabled (see [Configuring Online Proofing](/v1/docs/proofing-configuration)) and click **Edit**.
3. Locate the **Show Content of ZIP Files** option and ensure the checkbox is selected.
4. Click **OK** to apply the changes
An image highlighting the 'Show Content of Zip Files' option
1. Then go to **Site Configuration → {Module} → Proofing and Comments**
2. Click **Edit Settings**.
3. Locate the option **Save URL as JSON** and ensure the checkbox is ticked.
4. Click **Save** to apply the changes.
> [!WARNING]
> **Important:** Before enabling live proof generation for a website using the **Save URL as JSON** option, an Encodify administrator must first ensure that proxy servers are enabled within your infrastructure.
An image of Proofing and Comment settings highlighting the option 'Save URL as JSON'
## Where to find Online Proofing
---
The button will be available from the following locations:
- **Spreadsheet Widget** – Within the search results and in the action menu for individual items.
- **Module Search View** – Within the search results and in the action menu for individual items.
- **Form View** – Within the actions toolbar.
## Understanding the HTML Proof Viewer
---
> [!WARNING]
> **Important:**When annotation a live proof from a web URL, we recommend downloading our Chrome web store plugin [here](https://chromewebstore.google.com/detail/encodify-for-chrome/dhlpnhkepogbiicjogkhklmpdkppallb). This plugin automatically captures a screenshot of the associated annotation and adds it as a comment attachment. Therefore, enabling [comment attachments](/v1/docs/comments-panel) is also required.
After clicking theicon, you will be taken to the Proof Viewer, where the experience will adapt based on the specific file format. Below is an overview of the behaviour when previewing HTML formats, including HTML (either as HTML file, ZIP or live website URL capture)
An image showcasing the HTML Proof Viewer
The table below provides a quick overview of HTML Proof Viewer:
| **Action** | **Visual Guide** |
| --- | --- |
| 1. Switch between Single View and Compare View |  |
| 1. Enable or Disable [Sync Navigation](/v1/docs/synchronization). |  |
| 1. Hide or Show Annotations |  |
| 1. Change the displayed file version to a previous version. |  |
| 1. Change Item Status |  |
| 1. Change [Review](/v1/docs/review) Status |  |
| 1. Close the Proof Viewer |  |
| 1. Collapse the side panel |  |
| 1. View [Comments panel](/v1/docs/comments-panel)(available for both previous and current version) |  |
| 1. View [Insights pane](/v1/docs/insights)l (available for both previous and current version) |  |
| 1. View [Item Metadata](/v1/docs/view-item-metadata-in-proofing) (available for both current version only) |  |
| 1. Adjust Comment Sort Order. Options include date added, access right colour and author |  |
| 1. Mark a Comment as Resolved |  |
| 1. Switch between Annotation Mode and Browse Mode |  |
| 1. Adjust the zoom level of the displayed proof. |  |
| 1. Zoom in or Zoom out |  |
| 1. Use Pan navigation |  |
| 1. View the available [Annotation Tools](/v1/docs/annotation-tools). Options include text selection, pencil, arrow, oval, line or rectangle. For live website preview text selection is also available. |  |
| 1. Add a new comment |  |
| 1. Defines the note access right colour when adding comments |  |
| 1. Share with [guest users](/v1/docs/guest-users) |  |
| 1. [Export Annotations](/v1/docs/exporting-data-from-proofing) (Download as TXT) |  |
| 1. Resize canvas using version separator (available only in Compare View) | .png) |
**Known Limitations:**
- Some HTML, ZIP, Web previews can be left-aligned in the item info sheet or proofing;
- Firefox: MP3 file gets downloaded on exporting annotations of some Zip file;
- Only first get parameter will be included in url for proofing preview (Example: *https://www.domain.com?key1=value1&key2=value2*, where key2 will be ignored in proofing).
####