Dynamic Inspector for Elementor is a free standalone plugin available on WordPress.org that lets you inspect any Elementor page directly from the frontend β no paid license required.
It replaces the former Frontend Navigator feature included in Dynamic Content for Elementor, with improved functionality now available as a standalone plugin.
How to Activate
Add ?frontend-inspector to any page URL, or click "Frontend Inspector" in the WordPress admin bar. A floating panel will appear with the element tree on the left and performance/visibility data on the right.
β
Access is restricted to administrators only. The inspector automatically adds a noindex tag for privacy.
Element Tree Navigation
View your entire page structure in a hierarchical dual-panel interface. Hover over any element to highlight it on the page, making it easy to locate deeply nested containers, widgets, and templates without switching to the backend editor.
Performance Profiling
Every element displays its execution time in milliseconds. The inspector automatically identifies the Top 10 slowest elements on the page. Elementor's cache is disabled during inspection so you see actual render times, not cached results.
Dynamic Visibility Inspection
Fully integrated with Dynamic Visibility. Hidden elements remain visible in the inspector, allowing you to examine applied conditions, operator logic (AND/OR), and trigger events without toggling visibility rules repeatedly.
Integration with Dynamic Content for Elementor
The plugin reads Dynamic Visibility conditions through hooks and detects Theme Builder contexts, enabling inspection of single templates, archives, and header/footer structures.
Download
Dynamic Inspector for Elementor is free and works with both Elementor Free and Pro.
β
βDownload from WordPress.org | Learn More
