{"id":163877,"date":"2026-02-19T16:00:14","date_gmt":"2026-02-19T14:00:14","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=163877"},"modified":"2026-02-17T17:39:28","modified_gmt":"2026-02-17T15:39:28","slug":"how-to-create-custom-widgets-using-elementor-angie-ai","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/","title":{"rendered":"How to create custom widgets using Elementor Angie AI"},"content":{"rendered":"\n<p>Using Angie, you can describe a widget or code you&#8217;d like to use on your site and it will create it for you. To create a custom widget with Elementor Angie, open the Elementor Editor and enter a detailed description of your desired widget into the Angie prompt panel. After Angie generates the widget in Test Mode, verify the design and functionality on the canvas, then click the Publish button to save the widget to your live site library.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What you need to create custom widgets<\/h2>\n\n\n\n<p>Before building custom widgets, ensure your WordPress environment meets these requirements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/elementor.com\/help\/find-install-wordpress-plugins\/\">Elementor plugin<\/a>: Must be installed and active on your site.<\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/get-started-with-angie\/\">Angie plugin<\/a>: Must be installed and active on your site.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How do you create a custom widget with Angie?<\/h2>\n\n\n\n<p>Create a custom widget that you can use throughout your site.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Open the Editor<\/strong>: Launch the Elementor Editor on any page or post.<br>[callout type=&#8221;note&#8221;]You can also create widgets from WP Admin or anywhere the Angie panel is open.[\/callout]<\/li>\n\n\n\n<li><strong>Enter the Prompt<\/strong>: In the Angie panel, enter a description of the widget you would like to create. For this example we\u2019ll use the prompt: <strong>Create a new Elementor widget called &#8216;Image Stack Group&#8217;. The widget should display a horizontal stack of images (like a user avatar group) using a repeater control that allows users to upload an image, set tooltip text, and add a link for each item.<\/strong><br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"348\" class=\"wp-image-163878\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png\" alt=\"Screenshot of the Angie prompt panel with a text description \" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-300x153.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-1024x524.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-768x393.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-1536x786.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-2048x1048.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>(Optional) The Angie prompt box offers the following options:\n<ol class=\"wp-block-list\">\n<li><img decoding=\"async\" width=\"20\" height=\"22\" class=\"wp-image-163937\" style=\"width: 20px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Add-a-file.png\" alt=\"\">:Add a file to the prompt box to help guide your prompt. For details, see <a href=\"https:\/\/elementor.com\/help\/what-kind-of-files-can-be-uploaded-to-angie\/\">What kind of files can be uploaded to Angie?<\/a><\/li>\n\n\n\n<li><img decoding=\"async\" width=\"20\" height=\"22\" class=\"wp-image-163944\" style=\"width: 20px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Prompt-library.png\" alt=\"\">: Open up the Elementor prompt library. These premade prompts can help guide you in creating your own widgets.\u00a0<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"24\" class=\"wp-image-163951\" style=\"width: 24px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Feedback.png\" alt=\"\">: Send Elementor feedback about Angie. For details, see <a href=\"https:\/\/elementor.com\/help\/request-features-and-report-bugs\/\">Request features and report bugs<\/a>.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Angie creates a new widget according to your specifications and places it on the canvas.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"349\" class=\"wp-image-163885\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-scaled.png\" alt=\"Your new image appears in the canvas\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-300x154.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-1024x525.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-768x394.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-1536x788.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/2-the-widget-is-created-2048x1050.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li><strong>Verify in Test Mode<\/strong>: You now enter Test Mode. When in Test Mode you\u2019ll see a Test Mode window at the bottom of your screen and the canvas is surrounded by a pink border. No permanent changes take place while in test mode to ensure no critical errors are introduced by the AI.<br>[callout type=&#8221;warning&#8221;]If you exit test mode without saving the widget (see Save your widget below), the widget is no longer visible. If you re-enter test mode, you can access the widget again. For details, see <a href=\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\">How to use Angie Test Mode for Elementor widgets and snippets<\/a>.[\/callout] <br>You can further refine the widget by adding more information.<\/li>\n\n\n\n<li>In the Angie panel enter: Include the following customization options:\n<ol class=\"wp-block-list\">\n<li>12 Design Presets: Default, Default (Shadow), Border Color, Border w\/ Tooltips, Border Radius, Dark Color, Drop Shape, Border Radius Gradient, Square Shape, Square Shape (Alt), Corner Shape, and Border Radius Corner.<\/li>\n\n\n\n<li>Group Hover Animations: Options for &#8216;None&#8217;, &#8216;Expand&#8217;, &#8216;Fan Out&#8217;, &#8216;Lift Up&#8217;, and &#8216;Shake&#8217;.<\/li>\n\n\n\n<li>Responsive Controls: Sliders for &#8216;Image Size&#8217; and &#8216;Overlap&#8217; (negative margin) with mobile support.<\/li>\n\n\n\n<li>Tooltips: A switcher to enable\/disable tooltips, with a dropdown for positioning (Top, Bottom, Left, Right).<\/li>\n\n\n\n<li>Tooltips: A switcher to enable\/disable tooltips, with a dropdown for positioning (Top, Bottom, Left, Right).<\/li>\n\n\n\n<li>The widget must handle image overflow correctly so tooltips are not clipped, and use wp_enqueue_script \/ style for assets.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<p>The new features are added to the widget. To check this:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Select the widget<\/strong>: Click on the widget on canvas.<\/li>\n\n\n\n<li><strong>Open settings<\/strong>: In the <strong>Content<\/strong> tab, open the <strong>Settings<\/strong> field.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"492\" class=\"wp-image-163892\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/3-open-the-settings-field.png\" alt=\"Open the Settings field\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/3-open-the-settings-field.png 552w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/3-open-the-settings-field-171x300.png 171w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li><strong>View Presets<\/strong>: Open the <strong>Design Preset<\/strong> dropdown menu.<br>Notice that the designated presets are added.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"519\" class=\"wp-image-163899\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/4-the-presets.png\" alt=\"A list of preset added to the widget\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/4-the-presets.png 570w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/4-the-presets-162x300.png 162w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/4-the-presets-553x1024.png 553w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li><strong>Publish<\/strong>: Click <strong>Publish<\/strong> to save any changes you made to the new widget.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Save your widget<\/h2>\n\n\n\n<p>There are several options to add the widget to your live site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ask Angie<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the Angie prompt box and enter: <strong>Publish the widget to the live environment&nbsp; and exit test mode<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Use the code snippet manager<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>From WP Admin<\/strong>: Navigate to <strong>Angie&gt;Snippets<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"335\" class=\"wp-image-163906\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/7-click-snippets.png\" alt=\"In WP Admin, go to Angie and then Snippets\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/7-click-snippets.png 366w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/7-click-snippets-251x300.png 251w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li><strong>Publish<\/strong>: Click <strong>Publish to Live<\/strong> to save the widget.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"203\" class=\"wp-image-163920\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live.png\" alt=\"Click Publish to Live to add the widget to your site\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live.png 2346w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live-300x90.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live-1024x306.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live-768x229.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live-1536x458.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Click-Publish-to-Live-2048x611.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>You can now use this widget on any of the site\u2019s pages.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Reuse the widget<\/h2>\n\n\n\n<p>Now that you\u2019ve created this widget, you can use it on any of your site\u2019s pages.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Locate<\/strong>: In the panel search box, enter <strong>Image Stack Group<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"321\" class=\"wp-image-163927\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/6-enter-stack-image-grou.png\" alt=\"Look for the Image stack group\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/6-enter-stack-image-grou.png 548w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/6-enter-stack-image-grou-262x300.png 262w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li><strong>Place the widget<\/strong>: Drag the widget to the canvas.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Using Angie, you can describe a widget or code you&#8217;d like to use on your site and it will create it for you. To create a custom widget with Elementor Angie, open the Elementor Editor and enter a detailed description of your desired widget into the Angie prompt panel. After Angie generates the widget in [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[2203],"tags":[1359],"class_list":["post-163877","post","type-post","status-publish","format-standard","hentry","category-angie","tag-elementor-ai"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to create custom widgets using Elementor Angie AI | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about How to create custom widgets using Elementor Angie AI 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\/how-to-create-custom-widgets-using-elementor-angie-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create custom widgets using Elementor Angie AI | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about How to create custom widgets using Elementor Angie AI in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-19T14:00:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1310\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"How to create custom widgets using Elementor Angie AI\",\"datePublished\":\"2026-02-19T14:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\"},\"wordCount\":728,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png\",\"keywords\":[\"Elementor AI\"],\"articleSection\":[\"Angie\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\",\"url\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\",\"name\":\"How to create custom widgets using Elementor Angie AI | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png\",\"datePublished\":\"2026-02-19T14:00:14+00:00\",\"description\":\"Learn everything about How to create custom widgets using Elementor Angie AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png\",\"width\":2560,\"height\":1310,\"caption\":\"Screenshot of the Angie prompt panel with a text description\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor AI\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Angie\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/angie\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to create custom widgets using Elementor Angie AI\"}]},{\"@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\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create custom widgets using Elementor Angie AI | Elementor","description":"Learn everything about How to create custom widgets using Elementor Angie AI 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\/how-to-create-custom-widgets-using-elementor-angie-ai\/","og_locale":"en_US","og_type":"article","og_title":"How to create custom widgets using Elementor Angie AI | Elementor","og_description":"Learn everything about How to create custom widgets using Elementor Angie AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/","og_site_name":"Help","article_published_time":"2026-02-19T14:00:14+00:00","og_image":[{"width":2560,"height":1310,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"How to create custom widgets using Elementor Angie AI","datePublished":"2026-02-19T14:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/"},"wordCount":728,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png","keywords":["Elementor AI"],"articleSection":["Angie"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/","url":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/","name":"How to create custom widgets using Elementor Angie AI | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png","datePublished":"2026-02-19T14:00:14+00:00","description":"Learn everything about How to create custom widgets using Elementor Angie AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-Add-the-prompt-scaled.png","width":2560,"height":1310,"caption":"Screenshot of the Angie prompt panel with a text description"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor AI","item":"https:\/\/elementor.com\/help\/elementor-ai\/"},{"@type":"ListItem","position":3,"name":"Angie","item":"https:\/\/elementor.com\/help\/elementor-ai\/angie\/"},{"@type":"ListItem","position":4,"name":"How to create custom widgets using Elementor Angie AI"}]},{"@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\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/163877","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=163877"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/163877\/revisions"}],"predecessor-version":[{"id":163958,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/163877\/revisions\/163958"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=163877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=163877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=163877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}