Developers

The Information You Need for the Elementor You Want

Welcome to the Elementor Developers Documentation Center. Here, you’ll find detailed documentation, clearly explaining how developers can leverage the wide-range of tools and options Elementor provides them.

Elementor Developers

Learn About Elementor’s Internal Technologies

Behind the scenes

The Editor

Learn about the editor preview and panel areas, the first things users encounter when opening an Elementor page.

Editor Controls

Learn how to construct the Editor using different input fields and UI elements to allow users to customize Editor panels.

Data Structure

Learn how the data is saved, the format, the structure, the location etc. The JSON file with content, styles, elements and more.

Managers

The new addons you create must be registered with Elementor. Learn more about that registration process here.

Scripts & Styles

Learn how to embed custom scripts and styles, allowing you to incorporate them in your own addons.

Hooks

Learn which lifecycle hooks can help you add your own functionality to extend different Elementor capabilities.

Deprecations

Learn how to deprecate obsolete code and what you should do to keep your addon compatible with Elementor.

CLI

Learn how to run certain Elementor tasks via the command line interface, without using a web browser.

Access Full Documentation of Elementor’s Components

Elementor developers library

Widgets

Learn how to create and customize widgets, putting your own mark on Elementor.

Controls

Learn how controls are used to set fields, save data and build interfaces.

Dynamic Tags

Leverage information from your site and even from external APIs using dynamic tags.

Form Actions

Learn how to create tasks taken after a visitor has submitted form data.

Form Fields

Learn how to add new field types to Elementor Form widget.

Theme Conditions

Learn about the condition display mechanism, and how to create new theme conditions.

Theme Locations

Themes make building sites more efficient. Make your themes Elementor compatible.

Context Menu

Give users a quick way to edit and customize Elementor building blocks.

Finder

Learn how you can customize the finder to help users easily navigate to pages and settings.

New & Recently Updated Developer Docs

Latest updates

Mask Shapes

Learn how to register custom mask shapes which can be used on all widgets.

Shape Dividers

Learn how to register new shape dividers which can be used on containers and sections

Visual Choice Control

Learn about the new control that displays the options styled as images.

Form Field Dependencies

Learn how form fields can set dependent on custom scripts and styles.

Widget Promotions

Builtin method to add upsells and display promotions in your widgets.

Widget Optimization

Learn how to reduce the widget DOM size and load leaner and cleaner HTML.

Widget Output Caching

Learn how to optimize your widget performance and make it load faster.

Data Structure

Learn about Elementor's JSON data structure, from the page level to the element level.

CSS Selectors

Learn how to transform user data from the control to CSS styles affecting the page design.

Repeater Control

Build repeatable blocks of controls where the user can enter a multiple set of values.

Conditional Display

Learn how to show/hide controls based on a value the user entered on other control.

Frontend Available

Learn how your widgets can pass data from the control to the widget's JavaScript.

Recommended Posts From Our Developers Blog

Elementor Developers Blog

Elementor 3.30 Developers Update

Elementor 3.29 Developers Update

Elementor 3.28 Developers Update

Elementor 3.27 Developers Update

Elementor 3.26 Developers Update

Elementor 3.25 Developers Update

Elementor 3.24 Developers Update

Elementor 3.23 Developers Update

Elementor 3.22 Developers Update