Introducing Elementor Developer API & WordPress Tutorials for Developers

Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as WordPress Tutorials for Developers explaining how to develop your own extensions for Elementor.

Explore the Code Magic Behind #Elementor

Today we are unveiling our new Developers site created specifically for plugin and theme developers who want to integrate the power of Elementor into their products. It comes included with many Elementor and WordPress Tutorials for Developers

We have spent the last seven months documenting the entire Elementor code base with phpDocs, making the code readable and easier to use. We have also moved our tutorials from GitHub to a new site dedicated for developers.

The Developers Center has two sections: 

  • The code reference, located at, which is auto-generated from the Elementor phpDocs and gets updated with every new version release
  • The developers resources center, located at, which includes the actual guides and tutorial explaining how to create your own extensions, step-by-step

As mentioned above, the code reference explains what each function, class, method and hook does. The developers center, on the other hand, is a set of tutorials explaining how you can use all the hooks and classes to create your Elementor extensions.

Elementor Code Reference

The new Elementor Code Reference will be familiar for WordPress developers, as it is generated entirely by code, in the same manner the WordPress Code Reference gets generated.

Most developers will find the new Elementor Hooks section quite useful, as we have documented all our Action and Filter hooks. This new reference will serve as a better replacement for our GitHub docs. In the near future, we plan to add snippets and code examples, which you’ll be able to use when working with these hooks.

Keep in mind that just like the WordPress code reference, the Elementor reference currently only includes PHP documentation. The future version of WordPress 5.0 will have a variety of new jsDocs that will be applicable to Elementor. In the upcoming versions all the JavaScript files will be documented and displayed in the Elementor Code Reference.

You can help us extend the phpDocs and jsDocs by sending GitHub Pull Requests.

Elementor & WordPress Tutorials for Developers

Elementor Developer Resources is where you can find the actual tutorials that will teach you how to build your own extensions. It includes many code examples and guides, teaching you step-by-step how to extend Elementor.

We have a detailed tutorial for Developing an Extension for Elementor This tutorial implements all the recent WordPress coding standards and latests best practices.

Plugin developers can find a few boilerplates for creating new Elementor widgets, creating new Elementor controls or adding other custom functionality.

Theme developers can find a tutorial for implementing the new Locations API, allowing the user to control not only the page content but also the theme layout.

By the way, be sure to check out the recent barebone theme we released called ‘Hello Theme’. It has been built with the minimum possible settings to enable Elementor compatibility, and can serve to give you insight when building your own theme.

Extend Elementor Today!

Whether you need to extend Elementor for your needs or create a custom solution for a client, try out our new developers site today. It’s simple enough.

Share your extension in the WordPress plugin directory and join the growing community of Elementor developers.

About the Author

Rami Yushuvaev
Rami Yushuvaev
I'm an entrepreneur, a web developer and a blogger. I’ve contributed code to each and every release since WordPress 2.8. I'm the Hebrew GTE responsible for the translation and the release of WordPress Hebrew version. The founder and several other WordPress related projects.

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Liked This Article?

We have a lot more where that came from! Join 1,365,209 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.


34 Responses

  1. It’s not as if I don’t appreciate the former API content, but sometimes it makes a huge difference how a thing is presented. This way makes way more sense to me right out of the gate, in terms of giving things practical applications and context that are unambiguous, and it’s greatly appreciated!

  2. I’m npt curremtly a developer but I would really love to move in that direction, is this open to anyone wanting to learn? I believe i have great ideas and direction and believe I could do this and have a great time at it. If it is open is there anything special I need to do to be in the community of developers?

  3. Very nice.

    One suggestion — is it possible to make some video tutorials for the developer just like you make them for the end user? I personally find that I learn coding much better from video tutorials then from written ones.

    Either way, thanks.

  4. When following the developer documents to create a new widget, the following error is thrown
    Fatal error: Class ‘Elementor\Widget_Base’ not found

    Please check.

  5. > When following the developer documents to create a new widget, the following error is thrown
    Fatal error: Class ‘Elementor\Widget_Base’ not found

    I’m quoting from a post that is about two years old. This error still gets thrown. The docs don’t address it.

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,365,209 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.