{"id":11895,"date":"2018-04-11T10:30:24","date_gmt":"2018-04-11T10:30:24","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=11895"},"modified":"2018-04-11T10:30:24","modified_gmt":"2018-04-11T10:30:24","slug":"introducing-elementor-developer-api","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/","title":{"rendered":"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11895\" class=\"elementor elementor-11895\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-229932d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"229932d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-230a8c2\" data-id=\"230a8c2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca2703c elementor-blockquote--skin-clean elementor-blockquote--align-center elementor-blockquote--button-view-icon elementor-blockquote--button-skin-bubble elementor-widget elementor-widget-blockquote\" data-id=\"ca2703c\" data-element_type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tExplore the Code Magic Behind #Elementor\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/twitter.com\/intent\/tweet?text=Explore+the+Code+Magic+Behind+%23Elementor&amp;url=https%3A%2F%2Felementor.com%2Fblog%2Fblog%2Fintroducing-elementor-developer-api%2F&amp;via=elemntor\" class=\"elementor-blockquote__tweet-button\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Tweet<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7b362 elementor-widget elementor-widget-text-editor\" data-id=\"2f7b362\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Today we are unveiling our new <a href=\"https:\/\/developers.elementor.com\">Developers site<\/a> 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<\/b><\/p><p>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.<\/p><p>The Developers Center has two sections:\u00a0<\/p><ul><li>The code reference, located at <span style=\"font-weight: 400\"><a href=\"https:\/\/code.elementor.com\/\">code.elementor.com<\/a>,<\/span><span style=\"font-weight: 400\">\u00a0which is auto-generated from the Elementor phpDocs and gets updated with every new version release<\/span><\/li><li><span style=\"font-weight: 400\">The developers resources center, located at <\/span><span style=\"font-weight: 400\"><a href=\"https:\/\/developers.elementor.com\/\">developers.elementor.com<\/a>,<\/span><span style=\"font-weight: 400\"> which includes the actual guides and tutorial explaining how to create your own extensions, step-by-step<\/span><\/li><\/ul><p>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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-502195a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"502195a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-00537d1\" data-id=\"00537d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-da74716 elementor-widget elementor-widget-image\" data-id=\"da74716\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-developer001-r4q782qg3f7j6me63vq0s02duad1ud8xyucx6tirwu.png\" title=\"elementor-developer001\" alt=\"elementor-developer001\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73fc160 elementor-widget elementor-widget-image\" data-id=\"73fc160\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-developer04-r4q77aj4cvf1eio9w2aeqanj6ln7757arcvyqn2zyq.png\" title=\"elementor-developer04\" alt=\"elementor-developer04\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4525bc1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4525bc1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb5381e\" data-id=\"fb5381e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dec9bef elementor-widget elementor-widget-heading\" data-id=\"dec9bef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Elementor Code Reference<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-231a5cd elementor-widget elementor-widget-text-editor\" data-id=\"231a5cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The new <a href=\"https:\/\/code.elementor.com\/\">Elementor Code Reference<\/a> will be familiar for WordPress developers, as it is generated entirely by code, in the same manner the <a href=\"https:\/\/developer.wordpress.org\/\">WordPress Code Reference<\/a>\u00a0gets generated.<\/p><p>Most developers will find the new <a href=\"https:\/\/code.elementor.com\/hooks\/\">Elementor Hooks<\/a> 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&#8217;ll be able to\u00a0use when working with these hooks.<\/p><p>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.<\/p><p>You can help us extend the phpDocs and jsDocs by sending <a href=\"https:\/\/github.com\/pojome\/elementor\/pulls\">GitHub Pull Requests<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cebb7f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cebb7f2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ea8b432\" data-id=\"ea8b432\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79f59d4 elementor-widget elementor-widget-image\" data-id=\"79f59d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-developernew03.3-r4q6zwiyh9f1nnc0ezsstq867bpz4yt16nwrpv08l0.png\" title=\"elementor-developernew03.3\" alt=\"elementor-developernew03.3\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db2f3ec elementor-widget elementor-widget-image\" data-id=\"db2f3ec\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/elementor-developernew03.4-1-r4q78q87gyipsbzvthnhu1xdqsaaiausib5o8nnb0i.png\" title=\"elementor-developernew03.4 (1)\" alt=\"elementor-developernew03.4 (1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b63c934 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b63c934\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2df0a28\" data-id=\"2df0a28\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-765c174 elementor-widget elementor-widget-heading\" data-id=\"765c174\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Elementor &amp; WordPress Tutorials for Developers<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-074eeaa elementor-widget elementor-widget-text-editor\" data-id=\"074eeaa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/developers.elementor.com\/\">Elementor Developer Resources<\/a> 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.<\/p><p>We have a detailed tutorial for <a href=\"https:\/\/developers.elementor.com\/creating-an-extension-for-elementor\/\">Developing an Extension for Elementor<\/a>\u00a0This tutorial implements all the recent WordPress coding standards and latests best practices.<\/p><p><strong>Plugin developers<\/strong> can find a few boilerplates for <a href=\"https:\/\/developers.elementor.com\/creating-a-new-widget\/\">creating new Elementor widgets<\/a>, <a href=\"https:\/\/developers.elementor.com\/creating-a-new-control\/\">creating new Elementor controls<\/a> or <a href=\"https:\/\/developers.elementor.com\/add-custom-functionality\/\">adding other custom functionality<\/a>.<\/p><p><strong>Theme developers<\/strong> can find a tutorial for implementing the new <a href=\"https:\/\/developers.elementor.com\/theme-locations-api\/\">Locations API<\/a>, allowing the user to control not only the page content but also the theme layout.<\/p><p>By the way, be sure to check out the recent barebone theme we released called <a href=\"https:\/\/github.com\/pojome\/elementor-hello-theme\">&#8216;Hello Theme&#8217;<\/a>. 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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cfb605 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6cfb605\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc4c6ea elementor-widget elementor-widget-heading\" data-id=\"fc4c6ea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Extend Elementor Today!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fdff29 elementor-widget elementor-widget-text-editor\" data-id=\"6fdff29\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Whether you need to extend Elementor for your needs or create a custom solution for a client, try out our new developers site\u00a0today. It\u2019s simple enough.<\/p><p><b>Share your extension in the <a href=\"https:\/\/wordpress.org\/plugins\/tags\/elementor\/\">WordPress plugin directory<\/a>\u00a0and join the growing community of Elementor developers.<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor. <\/p>\n","protected":false},"author":29408,"featured_media":11909,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[45,15],"tags":[79],"marketing_persona":[],"marketing_intent":[],"class_list":["post-11895","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-new-features","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Elementor Developer API &amp; WordPress Tutorials for Developers<\/title>\n<meta name=\"description\" content=\"Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.elementor.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers\" \/>\n<meta property=\"og:description\" content=\"Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.elementor.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rami.yushuvaev\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-11T10:30:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rami Yushuvaev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rami Yushuvaev\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.elementor.com\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/\"},\"author\":{\"name\":\"Rami Yushuvaev\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/6e0c7b6c1ce9bf02634a461c0c950eb7\"},\"headline\":\"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers\",\"datePublished\":\"2018-04-11T10:30:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/\"},\"wordCount\":545,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.elementor.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Development\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/developers.elementor.com\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/\",\"url\":\"https:\/\/developers.elementor.com\/\",\"name\":\"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.elementor.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.elementor.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png\",\"datePublished\":\"2018-04-11T10:30:24+00:00\",\"description\":\"Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/developers.elementor.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.elementor.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.elementor.com\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developers.elementor.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Features\",\"item\":\"https:\/\/elementor.com\/blog\/category\/new-features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/6e0c7b6c1ce9bf02634a461c0c950eb7\",\"name\":\"Rami Yushuvaev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e50d6551fac13059acbe6a5abef1f0b579da2c29076f5ce808f6e381830cbd38?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e50d6551fac13059acbe6a5abef1f0b579da2c29076f5ce808f6e381830cbd38?s=96&d=mm&r=g\",\"caption\":\"Rami Yushuvaev\"},\"description\":\"Head of Elementor Developers Experience. Fullstack developer. Contribute to open source projects. Creator of ChartsCSS.org, GenerateWP.com, DisplayWP.com and many other projects.\",\"sameAs\":[\"https:\/\/elementor.com\",\"https:\/\/www.facebook.com\/rami.yushuvaev\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ramiy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers","description":"Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.elementor.com\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers","og_description":"Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor.","og_url":"https:\/\/developers.elementor.com\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_author":"https:\/\/www.facebook.com\/rami.yushuvaev","article_published_time":"2018-04-11T10:30:24+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png","type":"image\/png"}],"author":"Rami Yushuvaev","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Rami Yushuvaev"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.elementor.com\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/"},"author":{"name":"Rami Yushuvaev","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/6e0c7b6c1ce9bf02634a461c0c950eb7"},"headline":"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers","datePublished":"2018-04-11T10:30:24+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/"},"wordCount":545,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/developers.elementor.com\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png","keywords":["Build"],"articleSection":["Development","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/developers.elementor.com\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/introducing-elementor-developer-api\/","url":"https:\/\/developers.elementor.com\/","name":"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.elementor.com\/#primaryimage"},"image":{"@id":"https:\/\/developers.elementor.com\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png","datePublished":"2018-04-11T10:30:24+00:00","description":"Take a look at the new resource center for Elementor developers, which comes included with complete code reference, as well as tutorials explaining how to develop your own extensions for Elementor.","breadcrumb":{"@id":"https:\/\/developers.elementor.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.elementor.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.elementor.com\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/03\/elementor-developer-api.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/developers.elementor.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"New Features","item":"https:\/\/elementor.com\/blog\/category\/new-features\/"},{"@type":"ListItem","position":3,"name":"Introducing Elementor Developer API &amp; WordPress Tutorials for Developers"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/6e0c7b6c1ce9bf02634a461c0c950eb7","name":"Rami Yushuvaev","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e50d6551fac13059acbe6a5abef1f0b579da2c29076f5ce808f6e381830cbd38?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e50d6551fac13059acbe6a5abef1f0b579da2c29076f5ce808f6e381830cbd38?s=96&d=mm&r=g","caption":"Rami Yushuvaev"},"description":"Head of Elementor Developers Experience. Fullstack developer. Contribute to open source projects. Creator of ChartsCSS.org, GenerateWP.com, DisplayWP.com and many other projects.","sameAs":["https:\/\/elementor.com","https:\/\/www.facebook.com\/rami.yushuvaev"],"url":"https:\/\/elementor.com\/blog\/author\/ramiy\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/11895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/29408"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=11895"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/11895\/revisions"}],"predecessor-version":[{"id":89572,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/11895\/revisions\/89572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/11909"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=11895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=11895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=11895"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=11895"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=11895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}