The Elementor Editor

The editor layout

The left panel

The left panel is your toolbox — search for widgets, drag them onto the canvas, and edit their settings.

The canvas

The centre shows a live preview of your page. Click any element to select it; drag the handles to resize.

Top bar

Contains the undo button, the navigator (a tree of everything on the page), responsive mode, preview and the all-important Publish/Update button.

The three core elements

• Section — the container that holds everything
• Column — divides a section into vertical parts
• Widget — the actual content: text, image, button, video

The hierarchy

Section\n├── Column 1\n│   ├── Heading widget\n│   └── Button widget\n└── Column 2\n    └── Image widget

Tip: Right-click any element to copy, duplicate, copy styles or delete — the fastest way to build.