Zones define where recommendations appear on your WooCommerce store. Ensure your PureClarity plugin is configured before setting up zones.
Understanding Zones
Zones are designated areas on your website where PureClarity displays personalized recommendations. Each zone can show different types of content based on your customers’ behavior and preferences.Learn more about zone concepts and best practices in our Zones Overview guide.
Automatic Zone Configuration
The PureClarity WooCommerce plugin includes pre-configured zones for optimal performance:Default Zone Locations
Homepage Zones- Featured products section
- Category highlights area
- New arrivals display
- Related products section
- Cross-sell recommendations
- Recently viewed items
- Upsell recommendations
- Frequently bought together
- Last chance offers
- Top products in category
- Alternative product suggestions
- Trending items
Default zones are optimized for standard WooCommerce themes. Custom themes may require additional configuration.
Manual Zone Configuration
For custom implementations or specific requirements:Using WordPress Widgets
- Navigate to Appearance > Widgets in your WordPress admin
- Locate PureClarity widgets in the available widgets list
- Drag widgets to desired sidebar or widget areas
- Configure widget settings:
- Zone ID
- Display title
- Number of products
- Styling options
Using Shortcodes
Insert zones directly into posts, pages, or theme templates:Direct Template Integration
For developers working with theme files:Direct template modifications require PHP knowledge and should be tested thoroughly. Always backup your site before making template changes.
Zone Management
Viewing Active Zones
Monitor your zones through the PureClarity dashboard:- Access the dashboard via WooCommerce > PureClarity
- Review zone performance in the analytics section
- Check zone status for any configuration issues
Customizing Zone Behavior
Display Options- Number of recommendations to show
- Product image sizes
- Text and styling customization
- Mobile responsiveness settings
- Customer segment filtering
- Product category restrictions
- Behavioral triggers
- Geographic targeting
Zone Troubleshooting
Common Issues
Zones Not Displaying- Verify plugin activation
- Check zone IDs match configuration
- Ensure data feeds are processing
- Confirm theme compatibility
- Allow time for AI learning (7-14 days)
- Verify product data quality
- Check customer behavior tracking
- Review zone targeting settings
Most recommendation quality improves significantly after 2 weeks of data collection as the AI learns your customers’ preferences.
Testing Zones
Test Mode Configuration- Switch to Test mode in the dashboard
- Browse your site as a customer would
- Verify zones display correctly
- Check recommendation relevance
- Test on different devices and browsers
Best Practices
Zone Placement Strategy
Above the Fold - High-visibility areas for maximum engagement Context-Relevant - Product pages show related items Non-Intrusive - Complement existing design and flow Mobile-Optimized - Ensure zones work on all devicesPerformance Optimization
- Limit zones per page (3-5 maximum)
- Use appropriate product limits (4-8 items)
- Implement lazy loading for below-fold zones
- Monitor site speed impact
Advanced Configuration
Custom Zone Templates
Create custom zone templates in your theme:Integration with Page Builders
Elementor Integration- Use PureClarity widget for Elementor
- Configure zones through widget settings
- Maintain design consistency
- PureClarity recommendation blocks
- Easy drag-and-drop zone placement
- Visual configuration options