{"id":168147,"date":"2026-05-26T14:47:26","date_gmt":"2026-05-26T11:47:26","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=168147"},"modified":"2026-05-25T12:40:45","modified_gmt":"2026-05-25T09:40:45","slug":"how-to-use-angie-ai-with-the-elementor-editor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/","title":{"rendered":"How to use Angie AI with the Elementor Editor"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Elementor AI (Angie) integrates directly into the Atomic Editor, enabling faster creation of reusable design systems, Components, Forms, Tabs, Classes, and Variables using natural language prompts. This accelerates scalable web creation while maintaining full control over your site&#8217;s structure and styling.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to activate Angie AI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To utilize Angie AI features, ensure the Atomic Editor is active and Angie is installed.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Elementor Editor for any page or template.<\/li>\n\n\n\n<li>Click the Angie icon on the left side of the top bar to open the Angie panel on the left.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"476\" class=\"wp-image-168182\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png\" alt=\"The Angie icon and the Angie panel it opens\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png 1243w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon--300x210.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon--1024x718.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon--768x538.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Enter a prompt in the Angie prompt box.<br><img decoding=\"async\" width=\"180\" height=\"468\" class=\"wp-image-168183\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/2-the-Angie-prompt-box.png\" alt=\"The Angie prompt box\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/2-the-Angie-prompt-box.png 342w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/2-the-Angie-prompt-box-115x300.png 115w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">How to Get the Best Results with Angie AI?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Angie AI performs best with clear, specific prompts and relevant context. Providing detailed information helps Angie generate more accurate and reusable results.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add context to Angie AI:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Elementor Editor.<\/li>\n\n\n\n<li>Click the Angie icon in the Top Bar.<br><img decoding=\"async\" width=\"680\" height=\"117\" class=\"wp-image-168184\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon.png\" alt=\"The Angie icon in the top bar\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon.png 747w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon-300x52.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>This opens the Angie panel.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"476\" class=\"wp-image-168185\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel.png\" alt=\"The Angie panel where users enter AI prompts.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel.png 1243w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel-300x210.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel-1024x718.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel-768x538.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the three lines (hamburger icon) on the top right of the Angie panel.<br><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"189\" class=\"wp-image-168187\" style=\"width: 150px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/4-hamburger-icon-in-the-Angie-panel.png\" alt=\"The hamburger icon that opens the Angie options\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/4-hamburger-icon-in-the-Angie-panel.png 332w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/4-hamburger-icon-in-the-Angie-panel-238x300.png 238w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/li>\n\n\n\n<li>Go to <strong>AI context<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"160\" class=\"wp-image-168189\" style=\"width: 150px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/5-click-AI-context.png\" alt=\"The AI context link to add more info about your site\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/5-click-AI-context.png 333w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/5-click-AI-context-281x300.png 281w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/li>\n\n\n\n<li>Add information about your business\/website, desired voice and tone, and relevant keywords.<br>For details, see <a href=\"https:\/\/elementor.com\/help\/build-a-customized-website-with-ai-context\/\">Build a customized website with AI Context<\/a>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">How to generate reusable elements with Angie AI?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Angie AI can generate structured compositions and reusable components with exposed properties, accelerating scalable workflows while maintaining full control over structure and styling. For example, you can create reusable retreat cards for a wellness retreat website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For details, see <a href=\"https:\/\/elementor.com\/help\/how-to-create-custom-widgets-using-elementor-angie-ai\/\">How to create custom widgets using Elementor Angie AI<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since these elements are generated as part of the Atomic editor, they are fully compatible with the latest version of the Element Editor, including Variables and Classes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Speed Up form creation with Angie AI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Angie AI can help generate Forms directly from prompts, providing structured starting points that are fully editable within the Elementor Editor. For instance, you can quickly create a contact form for a design agency.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For details, see <a href=\"https:\/\/elementor.com\/help\/how-to-build-a-form-with-angie-ai\/\">How to build a form with Angie AI<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This capability helps you move from initial setup to refinement more quickly, while preserving the flexibility and control of the Atomic Editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create Classes and Variables Faster with Angie AI?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Angie AI simplifies the implementation of reusable styling systems by allowing you to generate Classes and Variables using prompts, references, or existing design directions. This is ideal for establishing typography scales, spacing systems, color tokens, and reusable button styles.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Elementor Editor.<\/li>\n\n\n\n<li>Click the Angie icon in the Top Bar.<br><img decoding=\"async\" width=\"680\" height=\"117\" class=\"wp-image-168184\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon.png\" alt=\"The Angie icon in the top bar\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon.png 747w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon-300x52.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>This opens the Angie panel.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"476\" class=\"wp-image-168185\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel.png\" alt=\"The Angie panel where users enter AI prompts.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel.png 1243w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel-300x210.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel-1024x718.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-panel-768x538.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In the Angie panel, enter a prompt. For this example, we&#8217;ll use the prompt, <strong>Create a new font variable for 24 px Roobert Sans<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"377\" class=\"wp-image-168206\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Roobert-prompt-1.png\" alt=\"The prompt to create a new variable\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Roobert-prompt-1.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Roobert-prompt-1-143x300.png 143w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/li>\n\n\n\n<li>Review the generated classes and variables.<br><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"305\" class=\"wp-image-168207\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-design-system.png\" alt=\"The design system with the new variable\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-design-system.png 243w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-design-system-177x300.png 177w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For an example of generating classes and variables from an existing page, see <a href=\"https:\/\/elementor.com\/help\/use-angie-ai-to-create-variables-and-classes-based-on-existing-pages\/\">Use Angie AI to create variables and classes based on existing pages<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Generated Variables and Classes become native parts of the Atomic system, ensuring they are fully editable, reusable, and maintainable throughout your project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to build a Tabs element with Angie AI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Angie can generate Tabs\u00a0elements directly from prompts, providing structured starting points that are fully editable within the Elementor Editor. This is useful for creating onboarding forms, pricing comparison tabs, or lead-capture flows.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">[callout type=&#8221;note&#8221;]Generating\u00a0forms\u00a0with Angie requires an active Elementor Pro subscription. Generating\u00a0Tabs\u00a0with Angie is available in the free version of Elementor.[\/callout]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For instance, you can quickly generate a pricing comparison tab structure for a service website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example Prompt for Tabs:<\/strong>&nbsp;&#8220;Create a Tabs element for a pricing comparison. Include three tabs: Basic, Pro, and Enterprise. Each tab should have a title, a short description, and a &#8216;Sign Up&#8217; button.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To generate a Tabs element using Angie:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Elementor Editor.<\/li>\n\n\n\n<li>Click the\u00a0Angie icon\u00a0on the left side of the\u00a0Editor top bar.<br><img decoding=\"async\" width=\"680\" height=\"117\" class=\"wp-image-168184\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon.png\" alt=\"The Angie icon in the top bar\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon.png 747w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-Angie-icon-300x52.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In the\u00a0Angie panel, enter your specific prompt for the Tabs element.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"819\" class=\"wp-image-168384\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-prompt.png\" alt=\"The prompt entered to create a tabs widget\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-prompt.png 297w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-prompt-103x300.png 103w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>The Tabs element is added to your canvas.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"150\" class=\"wp-image-168388\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-element-appears.png\" alt=\"The Tabs element created by the prompt.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-element-appears.png 1458w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-element-appears-300x66.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-element-appears-1024x225.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/The-tabs-element-appears-768x169.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The generated Tabs element is fully editable within the Elementor Editor, allowing you to customize its structure and styling.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Can I use Angie AI to modify existing elements on the canvas?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes, Angie AI allows direct modifications to elements on the canvas, which helps reduce manual adjustments and iteration time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What are the benefits of using Angie AI with the Atomic Editor?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Angie AI accelerates the creation of production-ready assets, reusable design systems, and complex layouts within the Atomic Editor. It helps streamline workflows, improve consistency, and maintain control over your site&#8217;s structure and styling, especially for advanced functionalities that might otherwise require custom development.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How does Angie AI handle existing design systems when generating new elements?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Angie AI generates outputs that remain connected to your existing editing environment and reusable site structure. This means generated elements, classes, and variables integrate seamlessly with your current design system, allowing for continued editing and maintenance within the Atomic Editor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor AI (Angie) integrates directly into the Atomic Editor, enabling faster creation of reusable design systems, Components, Forms, Tabs, Classes, and Variables using natural language prompts. This accelerates scalable web creation while maintaining full control over your site&#8217;s structure and styling. How to activate Angie AI To utilize Angie AI features, ensure the Atomic Editor [&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":[1506],"tags":[2231],"class_list":["post-168147","post","type-post","status-publish","format-standard","hentry","category-v4-editor","tag-version-4-1"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to use Angie AI with the Elementor Editor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about How to use Angie AI with the Elementor Editor 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-use-angie-ai-with-the-elementor-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use Angie AI with the Elementor Editor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about How to use Angie AI with the Elementor Editor 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-use-angie-ai-with-the-elementor-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-26T11:47:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1243\" \/>\n\t<meta property=\"og:image:height\" content=\"871\" \/>\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=\"7 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-use-angie-ai-with-the-elementor-editor\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"How to use Angie AI with the Elementor Editor\",\"datePublished\":\"2026-05-26T11:47:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/\"},\"wordCount\":825,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-Click-the-Angie-icon-.png\",\"keywords\":[\"Version 4.1\"],\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/\",\"name\":\"How to use Angie AI with the Elementor Editor | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-Click-the-Angie-icon-.png\",\"datePublished\":\"2026-05-26T11:47:26+00:00\",\"description\":\"Learn everything about How to use Angie AI with the Elementor Editor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-Click-the-Angie-icon-.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-Click-the-Angie-icon-.png\",\"width\":1243,\"height\":871,\"caption\":\"The Angie icon and the Angie panel it opens\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-use-angie-ai-with-the-elementor-editor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build with the Editor\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Editor V4\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/v4-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to use Angie AI with the Elementor Editor\"}]},{\"@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:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"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 use Angie AI with the Elementor Editor | Elementor","description":"Learn everything about How to use Angie AI with the Elementor Editor 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-use-angie-ai-with-the-elementor-editor\/","og_locale":"en_US","og_type":"article","og_title":"How to use Angie AI with the Elementor Editor | Elementor","og_description":"Learn everything about How to use Angie AI with the Elementor Editor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/","og_site_name":"Help","article_published_time":"2026-05-26T11:47:26+00:00","og_image":[{"width":1243,"height":871,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"How to use Angie AI with the Elementor Editor","datePublished":"2026-05-26T11:47:26+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/"},"wordCount":825,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png","keywords":["Version 4.1"],"articleSection":["Editor V4"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/","url":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/","name":"How to use Angie AI with the Elementor Editor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png","datePublished":"2026-05-26T11:47:26+00:00","description":"Learn everything about How to use Angie AI with the Elementor Editor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/05\/1-Click-the-Angie-icon-.png","width":1243,"height":871,"caption":"The Angie icon and the Angie panel it opens"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-ai-with-the-elementor-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Build with the Editor","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/"},{"@type":"ListItem","position":3,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/v4-editor\/"},{"@type":"ListItem","position":4,"name":"How to use Angie AI with the Elementor Editor"}]},{"@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:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","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\/168147","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=168147"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/168147\/revisions"}],"predecessor-version":[{"id":168391,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/168147\/revisions\/168391"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=168147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=168147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=168147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}