=== Editor Insights for Elementor ===
Contributors: editorinsights
Tags: elementor, editor, navigator, productivity, workflow
Requires at least: 5.3
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

See useful Elementor metadata at a glance and improve your editing workflow with smarter Navigator and Panel insights.

== Description ==

**Editor Insights for Elementor** helps you understand how an Elementor page is configured without digging through every element and control.

See useful metadata directly in Navigator, spot configured controls more easily, and make everyday Elementor editing faster to inspect and navigate.

Whether you're returning to a site you built months ago, taking over somebody else's project, or trying to find the setting behind unexpected layout behavior, Editor Insights gives you more context while you work.

The plugin is focused on the **editor experience**. Its insights and interface enhancements do not change the Elementor values they display or alter your website's frontend output.

Preferences are saved **per WordPress user**, so every editor on a site can configure Editor Insights around their own workflow.

Elementor Free 3.0.0 or newer is required. Elementor Pro is not required.

= See what matters before you start digging =

Editor Insights is especially useful when you need to understand how an Elementor page is configured without opening every element and control one by one.

**Come back to an old or inherited website**

Open a project you built months ago — or one built by somebody else — and quickly get your bearings.

See IDs, classes, HTML tags, z-index values, positioning, links, attributes, responsive widths, and other useful details directly in Navigator instead of rediscovering the page one setting at a time.

**Find the setting behind unexpected behavior**

When something is overlapping, clipping, positioned strangely, or otherwise not behaving as expected, important clues can be easy to miss inside Elementor.

Editor Insights makes settings such as custom positioning, z-index, overflow, Custom CSS, classes, attributes, and other configured values easier to spot before you start changing things.

**Understand responsive overrides**

Responsive issues often come down to figuring out where a value was actually configured and which values are simply inherited.

Editor Insights makes responsive configuration easier to locate, while Pro can highlight breakpoint-specific values and show available breakpoint values in tooltips without repeatedly switching device modes.

= Navigator insights =

Make Elementor Navigator more informative without opening every element individually.

Editor Insights can show:

* **CSS IDs** — see when an element has a CSS ID and optionally display the actual ID.
* **CSS classes** — see custom CSS classes and optionally display their names directly in Navigator.
* **Container HTML tags** — see the HTML tag assigned to a Container.
* **Heading HTML tags** — see heading tags such as H1, H2, and H3 directly in Navigator.
* **Z-index values** — identify elements with a custom z-index and optionally display the configured value.
* **Custom positioning** — spot elements using custom positioning.
* **Custom CSS** — identify Custom CSS when Elementor Pro provides it.
* **Links** — see which supported elements contain links.
* **Custom attributes** — identify elements with configured custom attributes.
* **Container overflow** — see when a Container uses a non-default overflow setting.
* **Custom responsive widths** — identify widgets with custom responsive width values.

For supported position and Custom CSS indicators, Editor Insights replaces Elementor's matching native Navigator indicator when enabled so duplicate indicators are not shown.

= Navigator workflow improvements =

Editor Insights also includes practical Navigator improvements:

* **Disable animated click-to-element scrolling** — stops Elementor from animating the canvas scroll when you click an item in Navigator.
* **Increase Navigator maximum width** — raises Navigator's resize limit so it can be made much wider when working with deeply nested structures or long element names.

= Panel improvements =

Small changes to the Elementor Panel can make a noticeable difference during everyday editing.

**Inline responsive switches**

Keeps Elementor's responsive device switch inline beside the control title for quicker access while editing.

**Highlight sections**

Adds an indicator to section headings that contain configured controls, making values easier to find even while sections are collapsed.

**Decimal-friendly numeric inputs**

Makes supported Elementor numeric inputs friendlier to decimal and negative values, including values such as `2.5` and `-2.5`.

= Granular, per-user preferences =

Editor Insights is designed to adapt to different workflows rather than forcing one setup on everyone.

Features can be enabled or disabled individually, and preferences are stored separately for each WordPress user.

One editor can keep Navigator highly detailed while another can enable only the indicators they find useful.

A global on/off control also lets you temporarily disable Editor Insights without losing your saved preferences.

= Editor-only by design =

Editor Insights is built for the Elementor editing experience.

Its metadata, indicators, highlights, and interface improvements inspect and display information without changing the Elementor values they represent.

The Free plugin does not add frontend scripts, styles, or other assets just to display Editor Insights information.

= Editor Insights Pro =

An optional, separately installed Pro add-on is available from [Editor Insights](https://editorinsights.dev/) with additional Panel insights and workflow improvements.

**Tooltips**

Hover a supported control or repeater title to see its configured values without manually switching through device modes.

For responsive controls, the tooltip shows every available breakpoint value regardless of the currently selected device mode.

Supported controls inside popovers are included, and Dynamic or Global values are identified.

Tooltip text can also be made selectable so values are easier to copy.

The tooltip color can be customized.

**Highlight responsive switches**

Adds a dot to a device switch when that breakpoint has its own local value, Dynamic tag, or Global value.

An inherited value alone does not trigger the dot, making actual breakpoint-specific overrides easier to distinguish.

The highlight color can be customized.

**Highlight non-responsive controls**

Adds a dot beside non-responsive controls with a meaningful current or default value.

Configured subfields inside supported compound controls can also be identified.

The highlight color can be customized.

**Highlight control titles**

Colors the title of a responsive control when it has a configured value at a non-desktop breakpoint, such as tablet or mobile.

This makes responsive overrides easier to spot without opening and checking every control individually.

The highlight color can be customized.

**Wrap in Container**

Adds a **Wrap in Container** action to Elementor's context menu for classic Elementor V3 elements when Containers are enabled.

Use it with a single element or multiple selected elements to wrap them in a new Container.

Nothing is changed automatically. The action only runs when you explicitly choose it and invokes Elementor's native editor behavior.

= Free and Pro work together =

The Free plugin contains the shared settings hub and shows the available Pro settings alongside the Free features.

Pro settings remain locked until the separately installed Pro add-on is active and licensed.

This lets you manage Editor Insights from one place while keeping the Free plugin fully functional on its own.

= Privacy by design =

The Free plugin:

* Sends no telemetry.
* Sets no cookies.
* Makes no external service requests.
* Performs no license checks.
* Loads no remote fonts or scripts.
* Stores its preferences locally in WordPress.
* Does not add Editor Insights preferences to Elementor documents.

Editor Insights is an independent plugin and is not affiliated with or endorsed by Elementor Ltd.

== Installation ==

1. Install and activate Elementor Free 3.0.0 or newer.
2. Install and activate Editor Insights for Elementor.
3. Open the Editor Insights settings from the WordPress admin Tools.
4. Choose the Navigator and Panel improvements you want.
5. Save your preferences.
6. Open or refresh the Elementor editor.

Preferences are saved separately for each WordPress user.

== Frequently Asked Questions ==

= Does this plugin require Elementor? =

Yes. Elementor Free 3.0.0 or newer must be installed and active.

= Does it require Elementor Pro? =

No.

Editor Insights works with Elementor Free.

Some metadata, such as Elementor's Custom CSS setting, is naturally available only when Elementor Pro provides the corresponding Elementor feature.

The optional Editor Insights Pro add-on is separate and is not required to use the Free plugin.

= What is included in the Free plugin? =

Free includes Navigator insights for:

* CSS IDs and ID names
* CSS classes and class names
* Container HTML tags
* Heading HTML tags
* Z-index values
* Custom positioning
* Custom CSS when Elementor Pro provides it
* Links
* Custom attributes
* Container overflow
* Custom responsive widths

It also includes:

* Inline responsive switches
* Decimal-friendly numeric inputs
* Section highlights
* Animated Navigator scroll control
* Increased Navigator maximum width
* Per-user preferences
* Global on/off control

= What does the Pro add-on include? =

The optional Pro add-on adds:

* Detailed control tooltips
* Selectable tooltip text
* Responsive-switch highlights
* Non-responsive-control highlights
* Responsive control-title highlights
* Configurable colors for Pro indicators and tooltips
* Wrap in Container context-menu action

Pro requires the separately installed Editor Insights Pro add-on and an active license.

= What do the responsive tooltips show? =

For supported responsive controls, Pro tooltips show the available breakpoint values regardless of which device mode is currently selected.

They can also identify supported Dynamic and Global values and work with supported controls inside popovers.

= What is the difference between a responsive-switch highlight and an inherited value? =

A responsive-switch dot is shown only when that breakpoint has its own local value, Dynamic tag, or Global value.

A value that is merely inherited from another breakpoint does not trigger the dot.

This makes it easier to see where an actual responsive override has been configured.

= What does Wrap in Container do? =

The Pro **Wrap in Container** command adds a context-menu action for classic Elementor V3 elements when Containers are enabled.

When you choose the command, the selected element or multiple selected elements are wrapped in a new Container using Elementor's native editor behavior.

Nothing is wrapped automatically. The action only happens when you explicitly invoke it.

= Does Editor Insights change my Elementor values? =

The plugin's insights, metadata, indicators, highlights, tooltips, and interface improvements do not change the Elementor values they inspect or display.

Explicit editor actions such as the Pro **Wrap in Container** command only perform an action when you deliberately choose to use them.

= Does Editor Insights affect the frontend of my website? =

No.

Editor Insights is built for the Elementor editing experience. Its insights and interface enhancements do not alter your website's frontend output.

= Is Editor Insights useful on existing websites? =

Yes.

This is one of the situations where Editor Insights can be especially useful.

When returning to a website you built months ago or taking over a project created by somebody else, Navigator insights can help you quickly see where IDs, classes, links, positioning, z-index values, attributes, responsive widths, and other settings have already been configured.

Instead of opening elements one by one to rediscover how the page was built, you can see much of that information while navigating the page structure.

= Can Editor Insights help troubleshoot layout problems? =

Yes.

Unexpected layout behavior can come from settings that are easy to overlook, such as custom positioning, z-index, overflow, classes, attributes, Custom CSS, or responsive values.

Editor Insights surfaces many of these settings directly in Navigator, making it easier to identify where to investigate before changing anything.

= How does Editor Insights help with responsive editing? =

Free features make responsive controls and configured sections easier to work with inside the Elementor Panel.

With Pro, responsive-switch highlights can show which breakpoints actually contain their own configured value, Dynamic tag, or Global value.

Pro tooltips can also show values across available breakpoints without requiring you to switch through each device mode manually.

= Why are Pro settings visible in the Free settings hub? =

The shared settings hub shows the optional Pro features alongside the Free settings so you can see how they fit into the rest of Editor Insights.

Pro-only settings cannot run their functionality until the separately installed Pro add-on is active and licensed.

= Are preferences shared between users? =

No.

Preferences are saved individually for each WordPress user, so different editors on the same website can configure Editor Insights differently.

= Where are Free preferences stored? =

Free preferences are stored locally in the `editor_insights_preferences` user-meta record.

They are not added to Elementor documents.

= Does the Free plugin contact an external service? =

No.

The Free plugin does not perform license checks, send telemetry, set cookies, make external service requests, or load remote fonts or scripts.

= What happens when I uninstall the plugins? =

The Free plugin removes its own preferences and leaves Pro-owned preferences in place if Pro is still installed.

The Pro add-on removes its own preferences, local license settings, and license caches when it is uninstalled.

Uninstalling both plugins removes all Editor Insights data stored locally by the plugins. It does not change any remote license activation.

== Screenshots ==

1. Choose which Navigator and Panel insights to display from one settings hub, with preferences saved separately for each WordPress user.
2. See useful Elementor metadata directly in Navigator, including z-index values, HTML tags, IDs, classes, links, and element types.
3. Read actual IDs, HTML tags, and CSS class names beside Elementor elements without opening each element’s settings.
4. Pro: Hover supported Elementor controls to open informative tooltips showing their configured values across responsive breakpoints, making spacing and layout settings easier to compare at a glance.
5. Pro: Quickly spot which responsive breakpoints have their own configured values using indicators beside Elementor’s device switches.
6. Find configured controls faster with indicators on Elementor section headings, including collapsed sections.

== Changelog ==

= 1.0.0 =

* Initial release.

== Privacy ==

Editor Insights stores per-user preferences locally in WordPress.

The Free plugin does not transmit data to external services, set cookies, include telemetry, perform license checks, or load remote fonts or scripts.

Free settings are stored in the `editor_insights_preferences` user-specific metadata record and are not added to Elementor documents.
