{"id":18922,"date":"2021-02-14T14:11:37","date_gmt":"2021-02-14T12:11:37","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=18922"},"modified":"2026-03-19T17:15:04","modified_gmt":"2026-03-19T15:15:04","slug":"custom-code-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/custom-code-pro\/","title":{"rendered":"Add custom code"},"content":{"rendered":"\n<p>The Custom Code feature allows you to add HTML, JavaScript and CSS code snippets to your site. For example, Google Analytics code or Facebook Pixel code. You can add any kind of JavaScript code to tweak the DOM, add events and dynamic features and much more. You can use CSS snippets to add custom styling to any element on the site.<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]Custom code does not support PHP snippets. You cannot use this feature to add custom hooks or actions. You can use a different approach for PHP, either through functions.php or a third-party plugin.[\/callout]<\/p>\n\n\n\n<p><strong>To add custom code, follow these steps:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From WP Admin, navigate to <strong>Elementor>Editor>Custom Elements<\/strong>.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"380\" height=\"351\" class=\"wp-image-166220\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png 912w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1-300x277.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1-768x709.png 768w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n\n\n\n<li>In the panel, click <strong>Code<\/strong>.<br><img decoding=\"async\" width=\"580\" height=\"481\" class=\"wp-image-166227\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-Code-2.png\" alt=\"The Code link will open the Custom Code interface\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-Code-2.png 1690w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-Code-2-300x249.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-Code-2-1024x849.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-Code-2-768x637.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-Code-2-1536x1274.png 1536w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/li>\n\n\n\n<li>Click <strong>New Code<\/strong>.<br><img decoding=\"async\" width=\"680\" height=\"301\" class=\"wp-image-166234\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2.png\" alt=\"The New Code button to add custom code to the site.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2.png 2200w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2-300x133.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2-1024x453.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2-768x340.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2-1536x680.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/Click-New-Code-2-2048x907.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Enter the following:\n<ul class=\"wp-block-list\">\n<li><strong>Add title<\/strong> \u2013 It helps you identify this code snippet later.<\/li>\n\n\n\n<li><strong>Location <\/strong>\u2013<strong> <\/strong>Determines the section of the webpage where the code will be located. Choose from the following options:\n<ul class=\"wp-block-list\">\n<li>&lt;head&gt; \u2013&nbsp; at the page level<\/li>\n\n\n\n<li>&lt;body&gt; \u2013 Start \u2013&nbsp; at beginning of the page\u2019s body<\/li>\n\n\n\n<li>&lt;body&gt; \u2013 End \u2013&nbsp; at end of the page\u2019s body<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Priority <\/strong>\u2013 Choose from (1 \u2013 10). If multiple scripts are assigned to the same location, the priority levels determine the order in which they should run.<br>[callout type=&#8221;note&#8221;]Lower numbers indicate higher priority. So a script with a priority of 1 will have a higher priority than a script with a priority of 5.[\/callout]<\/li>\n\n\n\n<li>Enter or paste the code snippet in the code block editor. The built-in code linter checks your code and notifies you of error, if any.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"502\" class=\"wp-image-166241\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/The-new-code-window.png\" alt=\"The new code screen where you name and add your code\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/The-new-code-window.png 1898w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/The-new-code-window-300x222.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/The-new-code-window-1024x756.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/The-new-code-window-768x567.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/The-new-code-window-1536x1135.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>From the <strong>Publish<\/strong> block, for <strong>Conditions <\/strong>click <strong>Edit<\/strong>. The <strong>PUBLISH SETTINGS<\/strong> window shows.<br><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"258\" class=\"wp-image-48686\" style=\"width: 400px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-1.png\" alt=\"Add custom code 1\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-1.png 362w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-1-300x214.png 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/><\/li>\n\n\n\n<li>Set the desired conditions. For details, see <a href=\"https:\/\/elementor.com\/help\/conditions\/\">How To Set Display Conditions For Global Templates<\/a>.<br><img loading=\"lazy\" decoding=\"async\" width=\"1186\" height=\"459\" class=\"wp-image-48687\" style=\"width: 680px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-3.png\" alt=\"Add custom code 3\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-3.png 1186w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-3-300x116.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-3-1024x396.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-3-768x297.png 768w\" sizes=\"(max-width: 1186px) 100vw, 1186px\" \/><\/li>\n\n\n\n<li>Click <strong>Publish<\/strong>. You can also save the custom code as draft or set a later publish date &amp; time.<br><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"394\" class=\"wp-image-48688\" style=\"width: 350px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-6.png\" alt=\"Add custom code 6\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-6.png 351w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-6-267x300.png 267w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/li>\n<\/ol>\n\n\n\n<p>[callout type=&#8221;note&#8221;]In addition to scripts, you may also add CSS to your website by wrapping it between the HTML style tag. This allows you to only include the CSS based on the conditions you set. See example below:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1005\" height=\"461\" class=\"wp-image-48689\" style=\"width: 680px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-4.jpg\" alt=\"Add custom code 4\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-4.jpg 1005w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-4-300x138.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Add-custom-code-4-768x352.jpg 768w\" sizes=\"(max-width: 1005px) 100vw, 1005px\" \/>[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Code with Elementor AI<\/h2>\n\n\n\n<p>You can use Elementor to generate your custom code. See <a href=\"https:\/\/elementor.com\/help\/custom-code-elementor-ai\/\">Add Custom Code Using Elementor AI<\/a> for more details.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Custom Code feature allows you to add HTML, JavaScript and CSS code snippets to your site. For example, Google Analytics code or Facebook Pixel code. You can add any kind of JavaScript code to tweak the DOM, add events and dynamic features and much more. You can use CSS snippets to add custom styling [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3e9d30e9e5857643c5660"],"footnotes":""},"categories":[1440],"tags":[1389,1388,1390,1398,1235],"class_list":["post-18922","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","tag-advanced","tag-agency","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add custom code | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Add custom code in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/custom-code-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add custom code | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Add custom code in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/custom-code-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-14T12:11:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-19T15:15:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"912\" \/>\n\t<meta property=\"og:image:height\" content=\"842\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Add custom code\",\"datePublished\":\"2021-02-14T12:11:37+00:00\",\"dateModified\":\"2026-03-19T15:15:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/\"},\"wordCount\":376,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/custom-code-pro\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/\",\"url\":\"https:\/\/elementor.com\/help\/custom-code-pro\/\",\"name\":\"Add custom code | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png\",\"datePublished\":\"2021-02-14T12:11:37+00:00\",\"dateModified\":\"2026-03-19T15:15:04+00:00\",\"description\":\"Learn everything about Add custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/custom-code-pro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png\",\"width\":912,\"height\":842,\"caption\":\"The Custom Elements link.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/custom-code-pro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Add custom code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add custom code | Elementor","description":"Learn everything about Add custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/custom-code-pro\/","og_locale":"en_US","og_type":"article","og_title":"Add custom code | Elementor","og_description":"Learn everything about Add custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/custom-code-pro\/","og_site_name":"Help","article_published_time":"2021-02-14T12:11:37+00:00","article_modified_time":"2026-03-19T15:15:04+00:00","og_image":[{"width":912,"height":842,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/custom-code-pro\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Add custom code","datePublished":"2021-02-14T12:11:37+00:00","dateModified":"2026-03-19T15:15:04+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-code-pro\/"},"wordCount":376,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png","keywords":["Advanced","Agency","Expert","Legacy Essential","Pro"],"articleSection":["Advanced functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/custom-code-pro\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/custom-code-pro\/","url":"https:\/\/elementor.com\/help\/custom-code-pro\/","name":"Add custom code | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png","datePublished":"2021-02-14T12:11:37+00:00","dateModified":"2026-03-19T15:15:04+00:00","description":"Learn everything about Add custom code in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/custom-code-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/02\/elementor-editor-custom-1.png","width":912,"height":842,"caption":"The Custom Elements link."},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/custom-code-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Add custom code"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/18922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=18922"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/18922\/revisions"}],"predecessor-version":[{"id":166248,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/18922\/revisions\/166248"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=18922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=18922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=18922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}