Frontend Navigator is a quick and easy way to understand and inspect current page structure and you can access all your templates and page elements with just a click.

In order to use Frontend Navigator, you have to enable the toolbar on your profile.

The Toolbar is an area that is usually visible to all the logged-in WordPress users on top of their screen. This is a full-width horizontal bar containing shortcuts of different sections of WordPress administration screens, such as ‘New’, ‘Edit Page’, ‘Edit with Elementor’, etc. It displays the WordPress logo on the top left corner, and the user’s gravatar on the top right corner of the screen.

When you click "Navigator" you can identify all page elements with the usual navigator interface you know.

You can debug, knowing all info on the element and finding what is slowing down the page.

Quick access button to directly modify Element settings.

Fully integrated with Dynamic Visibility, check what the triggers applied to the element are.

Frontend Navigator for Your Visitors

You can enable "Frontend Navigator" to your visitors so they can view the structure of your page. You can do it by enabling this feature on Dynamic Content - Settings. Your visitors will not be able to edit your page but they can view the structure adding the parameter "?dce-nav" to URL, for example, www.yoursite.com/?dce-nav.

Elementor panel > Dynamic Content > Globals