Elementor Editor

The editor is the environment in which the user creates and edits the page. The editor consists of several areas:

Elementor Editor

The editor is the editing screen where the user see the Elementor Panel the live preview.

Elementor Editor
Elementor Editor

Elementor Panel

The panel is the area where user can drag & drop the elements to the page. It has few more settings pages where global settings can be managed.

Elementor Panel

 

Elementor Preview

The preview is the area that displays the live preview, rendered by a JavaScript engine, typically without loading from the server side.

Elementor Preview

 

Frontend

The final result displayed to the visitors on the frontend, is comprised of PHP rendered markup and a page-specific CSS file generated on the server side.

 

Frontend