Zoning Analysis is available for customers on our Pro and Enterprise plans.
Zones are colorful data overlays that use the div structure of your site to identify where the elements on the page are. They are used inside the Zoning Analysis to analyze a snapshot.d
How to create zones
1. To create zones, you need to be in edit mode. Edit mode is enabled by default, however, if you need to activate it during your analysis you do so by clicking the 'Edit Zones' button.
2. Select your zoning creation mode. You can create either one or multiple zones at a time.
- Single zone mode: Click on the 'Single' button, then hover over the content where you want to create a zone. Click inside the colored frame that appears, and your zone will be created.
- Multi-zone mode: Click on the 'Multi' button, and hover over your content. Click inside the colored frame that appears, and your zones will be created.
Note: Multi-zone mode only identifies zones on the same hierarchy level in your div structure
- Smart Zone Selector: Click the 'Smart' button, and select the use case you want to analyze in the side panel that opens. The zones will be automatically detected for you. Read more about the Smart Zone Selector.
How to erase zones
You can either erase one zone, or all zones at once.
Erase one zone
Enable edit mode, and hover over the zones you want to erase. Click on the eye icon that appears.
Erase all zones
Click on the more options '...' menu, and select 'Erase all Zones'.
In the pop-up that appears, click 'Delete all Zones'.