{"id":166284,"date":"2026-04-07T17:32:38","date_gmt":"2026-04-07T14:32:38","guid":{"rendered":"https:\/\/elementor.com\/help\/?post_type=videos&#038;p=166284"},"modified":"2026-04-07T17:32:38","modified_gmt":"2026-04-07T14:32:38","slug":"how-to-insert-custom-code-using-the-html-widget","status":"publish","type":"videos","link":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/","title":{"rendered":"How to Insert Custom Code Using the HTML Widget"},"content":{"rendered":"\n<p>The HTML widget in Elementor allows you to embed custom HTML, CSS, and JavaScript directly into your pages. It is especially useful for adding tracking codes, consent banners, and other custom functionality, either by writing your own code or by using Elementor AI (Pro) to generate it for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed custom HTML, CSS, and JavaScript directly into your pages using the custom HTML widget.<\/p>\n","protected":false},"featured_media":166089,"template":"","meta":{"_acf_changed":true,"_elementor_kustomer_id":[]},"categories":[1437,1434],"tags":[],"class_list":["post-166284","videos","type-videos","status-publish","has-post-thumbnail","hentry","category-widgets","category-build-with-the-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Insert Custom Code Using the HTML Widget | Help<\/title>\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\/videos\/how-to-insert-custom-code-using-the-html-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert Custom Code Using the HTML Widget | Help\" \/>\n<meta property=\"og:description\" content=\"Embed custom HTML, CSS, and JavaScript directly into your pages using the custom HTML widget.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/\",\"name\":\"How to Insert Custom Code Using the HTML Widget | Help\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg\",\"datePublished\":\"2026-04-07T14:32:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Videos\",\"item\":\"https:\/\/elementor.com\/help\/videos\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Insert Custom Code Using the HTML Widget\"}]},{\"@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\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Insert Custom Code Using the HTML Widget | Help","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\/videos\/how-to-insert-custom-code-using-the-html-widget\/","og_locale":"en_US","og_type":"article","og_title":"How to Insert Custom Code Using the HTML Widget | Help","og_description":"Embed custom HTML, CSS, and JavaScript directly into your pages using the custom HTML widget.","og_url":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/","og_site_name":"Help","og_image":[{"width":960,"height":540,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/","url":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/","name":"How to Insert Custom Code Using the HTML Widget | Help","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg","datePublished":"2026-04-07T14:32:38+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/03\/Thumbnail-background-4.jpg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/videos\/how-to-insert-custom-code-using-the-html-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Videos","item":"https:\/\/elementor.com\/help\/videos\/"},{"@type":"ListItem","position":3,"name":"How to Insert Custom Code Using the HTML Widget"}]},{"@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\/"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/videos\/166284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/videos"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/videos"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media\/166089"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=166284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=166284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=166284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}