How to create a zoning

Zoning Analysis is available for customer on our Enterprise and Pro plans

A zoning is a static snapshots of your website. A snapshot is an image captured of your site, used to analyze your pages. You analyze your snapshot by using zones - colorful data overlays that use the div structure of your site to identify where the elements on the page are.

Step-by-step Guides

Access Zoning Analysis from the main menu.

Screenshot 2025-03-17 at 15.29.44.png

1. Click '+ Select page'

Screenshot 2025-02-20 at 11.01.13.png

2. Define which page you want to analyze and click 'Apply'.

Screenshot 2025-02-27 at 10.16.14.png

Choose between:

Page group on the fly: Analyze data from a specific URL or multiple URLs with specific conditions.
All page groups: Analyze a page group from an existing mapping

Learn more about Page selector

Then, click ‘Apply’

3. Click 'Analyze now', and the Zoning Analysis will capture a snapshot automatically from a session replay, and save your new zoning inside the zoning list.

Screenshot 2024-10-31 at 13.21.12.png

Please note: the snapshot is automatically captured from a session replay. If no snapshot is found, the live zoning window opens so you can capture one manually.

What is live zoning?

When capturing a snapshot of your live website, the Zoning Analysis users Live zoning. This is a window that opens and shows you the live page which you want to capture a snapshot of.

Screenshot 2024-01-10 at 11.11.48.png

1. Capture the snapshot by either using the 'Capture a new snapshot' CTA or the shortcut.

2. Click 'Save to Contentsquare'.

You'll find the snapshot inside your new zoning, or in the snapshot library of your existing zoning.

Please note: It's not possible to create zones inside the live zoning window.

What do I do if there's already a zoning available for my chosen page?

There may already be a zoning created by your team for your chosen page. In that case, you'll see this message:

Screenshot 2024-10-31 at 13.32.06.png

You are able to use that zoning depending on your user rights:

Owner: You created the zoning, and can choose which other users can edit and view it.
Edit: You aren't the owner of the zoning but have the right to edit it, for example, create new zones.
View: You can see the zoning and already created zones, but can't create new or delete existing zones.

Please note: With Quick Zoning, you no longer need to select the device when creating your zoning. If you switch device during your analysis, the Zoning Analysis will capture a new snapshot automatically (matching your selected device) from Session Replay, and add it to your current zoning.

Using Advanced Setup

The 'Advanced setup' option lets you manually capture a snapshot from the live version of your site, or create a zoning of a previous version of your site by capturing a retroactive snapshot from a Session Replay. You can also use advanced setup to analyze an AB test via integration.

Screenshot 2025-02-20 at 14.11.14.png

How to capture a snapshot from your live website

1. Select the page you want to analyze and click 'Advanced set up'.

2. In the slide-in that opens, select 'Live website'.

Screenshot 2024-10-31 at 13.33.44.png

3. Select the device and segment you want to analyze.

4. Name your 'Zoning analysis'.

4. Click 'Start analysis'.

Screenshot 2024-10-31 at 13.34.38.png

5. In the new window that opens, click 'Save to Contentsquare'.

Screenshot 2024-10-31 at 13.35.31.png

You'll find your newly created zoning inside the zoning list.

How to capture a retroactive snapshot

1. Select the page you want to analyze and click 'Advanced set up'.

2. In the slide-in that opens, select 'Take a snaphot from Replay'.

Screenshot 2024-10-31 at 13.39.41.png

3. Define the Device, Date Range and Segment you want to analyze.

Screenshot 2024-10-31 at 13.43.22.png

4. Click 'Start analysis', and a snapshot will be captured for you.

Screenshot 2024-10-31 at 13.43.58.png

How to analyze an AB Test

ⓘ In order to use the AB test option, you need to install an AB test integration. Read more in our integrations catalog. Please note that only admins can add integrations.

1. Click 'A/B test analysis'

Screenshot 2024-10-31 at 13.45.32.png

1. Select either 'Variation' or 'Dynamic variable'.

2. Choose the variation or dynamic variable you want to analyze from the drop-down list.

Screenshot 2024-10-31 at 13.48.34.png

3. Set appropriate device, date range and segment for the test analysis.

Screenshot 2024-10-31 at 13.49.24.png

4. Name your Zoning and Click 'Start analysis'

Accessing your Zonings

1. Click on 'My Zonings' tab

Screenshot 2024-10-31 at 14.10.52.png

2. You can filter by a page of page group.

Accessing your deleted zonings

It's now possible to access zonings you've previously deleted:

1. Click on 'Show more'

2. Click 'Manage Zonings'

Screenshot 2024-10-31 at 14.16.20.png

3. Click 'Recover Zonings'

4. Check the box next to the zoning you want to recover.

5. Click 'Recover'

Screenshot 2024-10-31 at 14.20.29.png

Managing Edit Rights

There are different levels of edit rights depending on if you have created a zoning or not.

Owner: You have created the zoning, and can edit it as you wish. You can also give edit rights to other users.
Editor: You are not the owner of a zoning, but have been given the right to edit it.
Viewer: You can view the zoning, but can't edit it - this is the default mode for all zonings you aren't the owner of.

Please note: A console admin can edit and give edit rights to all zonings, irrelevant of if they are the owner.

Articles in this section