Proof Websites in Ziflow (Dashboard 2.0)

Learn how Ziflow can help you with review of websites and what tools to use for it.

Updated over a week ago

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

  1. Snapshot: Ziflow creates a snapshot of the web page so that your reviewers can comment on the proof like they would on a document. Feature available on all Ziflow editions

  2. Live website: Your reviewers can comment and interact with the live website content as if viewing it in their browser. Your reviewers can comment and interact with the live website content as if viewing it in their browser. Feature available on all Ziflow editions.

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

Enter website URL while creating a new proof in Ziflow

Ziflow captures website proofs of the snapshot style at a resolution of 1920px, ensuring that your proofs accurately reflect the quality and clarity of your website or web application on screens of all sizes.

This means that your clients and stakeholders can view your website proofs in their original resolution and get a true representation of your website's design and functionality.

Proofing a static website proof

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

Reviewing a static website proof

Proofing a live website proof

You'll notice a small bar at the top of the Ziflow Viewer when proofing live website captures.

Reviewing a live website proof in Ziflow

  1. Website resolution allows you to display the proof in other screen resolutions to see how the website looks on other devices. There are over a dozen different options to choose from.

  2. Change orientation - rotates website orientation according to the selected resolution. This feature works only if you switch resolution from your default browser resolution to some custom value selected from the website resolution picker.

  3. Interactive/panning mode - allows you to switch between interactive and panning modes. When the arrow button is blue, then the 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 (the interactive mode button will be greyed out). You can start browsing the review once the interactive mode is switched back on.

  4. Refresh - reloads the whole proof to the initial HTTPS address.

  5. Home - click the button to redirect you to the home page address.

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

The Ziflow 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. The browser will block the content in this case, and your site may not load correctly.

There are two ways to fix this:

  1. Host the website securely (HTTPS)

  2. Change links in the web page from absolute to relative paths. You can either do this by editing your original website, or you can let Ziflow attempt to do this automatically when loading the website:

    1. Go to Manage Account > Proofing Settings > Proof Viewer > Other options and activate Live websites: URL rewriting.

Proofing pages protected with reCaptcha

If you want to proof page, which is protected with reCaptcha, please:

  1. Open the Settings of your v3 API Account

  2. At the Domains option, only put in domain

Supporting Material:

Did this answer your question?