Proofing Websites in Ziflow

Summary:  Ziflow allows you to review websites using two different methods:

  1. Static: Ziflow creates a snapshot of the web page so that your reviewers can comment on the proof like they would on a document.
  2. Live: Your reviewers can comment and interact with the live website content as if viewing it in their browser.

Available on all editions.

Where is the feature applied? On the proof creation screen. Simply enter a website URL, or multiple URLs, into the "Review a website" box. You can choose to take a snapshot or view live content. 

web1

Reviewing a static website proof

Once a website proof has been created you can enter the proof viewer to begin the review and approval process. You'll notice that a website snapshot looks exactly the same as any standard image proof. 

web4

 

 Reviewing a live website proof

When proofing live website captures you'll notice a small bar at the bottom of the page.

web3

  1. Interactive mode - allows you to switch between interactive and panning mode. When the arrow button is blue then interactive mode is on. It means that you can browse the proof as a normal website (play videos, interact with all the content). If you draw a markup or use any other proofing tool, the proof will remain in the panning mode and browsing won’t be possible (interactive mode button will be greyed out). Once the interactive mode is switched back on you can start browsing the proof.
  2. Refresh - reloads the whole proof to the initial https address.
  3. Website resolution - this option allows you to display the proof in other screen resolutions so you can see how the website looks on other devices. There are over a dozen different options to choose from.

Why is my live website proof not loading correctly in the viewer?

The Ziflow proof viewer is hosted securely (HTTPS). To support "non-secure" sites (HTTP), we load them using our own proxy servers since the browsers don't allow mixed content (secure and non-secure) to be loaded at the same time. 

If the non-secure site contains any direct links to other non-secure content, the browser will load this directly and it will not be proxied via our servers. In this case the browser will block the content and your site may not load correctly. There are two ways to fix this:

  1. All links should use relative paths instead of absolute paths.
  2. The website should be hosted securely (HTTPS).

Supporting Material: