Angie Agentic AI Meets WS Form  ## Metadata - Author: [[WS Form PRO - Form Builder for WordPress]] - Full Title: Angie Agentic AI Meets WS Form - Category: #articles - Document Note: --- tags: [WordPress, Agentic AI, WS Form] author: [MISSING] source: YouTube reference: [https://www.youtube.com/watch?v=ya-VvkXMd6g] date created: {{date:YYYY-MM-DD}} {{time:HH:mm}} --- # 🏷️ Title: Angie Agentic AI Meets WS Form 🧰 **Action Inbox** - [H1] Clip the MCP context to glossary — WS Form blog. https://wsform.com/angie-agentic-ai-meets-ws-form/ #xref - [H2] Draft short explainer on “agentic AI” in WordPress — Elementor. https://elementor.com/products/angie-ai-for-wordpress/ #articleseed - [H3] Build demo: dog adoption form via Angie — Video. https://www.youtube.com/watch?v=ya-VvkXMd6g #share - [H4] Create SOP: “Translate forms with Angie” — Video steps. https://www.youtube.com/watch?v=ya-VvkXMd6g #addendum - [H5] Write FAQ: MCP tools and permissions — WS Form KB. https://wsform.com/knowledgebase/angie/ #xref - [H6] Validate mortgage calc formula vs spec — WS Form docs. https://wsform.com/angie-agentic-ai-meets-ws-form/ #articleseed - [H7] OSPO note: review AI edit risks on prod — WS Form warning. https://wsform.com/angie-agentic-ai-meets-ws-form/ #share - [H8] Plan workshop: “Agentic AI + forms accessibility” — Video. https://www.youtube.com/watch?v=ya-VvkXMd6g #articleseed - [H9] Track plugin changelog for Angie integration — WordPress.org. https://wordpress.org/plugins/ws-form/ #xref - [H10] The WPCC brainstorm: microgrants for AI tooling audits — Community. #articleseed ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - WS Form blog: “Angie Agentic AI Meets WS Form.” https://wsform.com/angie-agentic-ai-meets-ws-form/ - WS Form KB: “Angie.” https://wsform.com/knowledgebase/angie/ - Elementor: “Meet Angie.” https://elementor.com/products/angie-ai-for-wordpress/ - WS Form plugin page and changelog. https://wordpress.org/plugins/ws-form/ - Video: “Angie Agentic AI Meets WS Form.” https://www.youtube.com/watch?v=ya-VvkXMd6g *Note:* YouTube links may change; proceed if accessible. ## 📝 Summary - The video shows Angie controlling WS Form with natural language. - Angie uses tool calls to create, edit, publish, and translate forms. - The demo covers option sorting and a mortgage calculator build. - WS Form posts confirm an Angie integration and caution on production edits. - Elementor lists Angie and partner integrations, including forms. - Risks include accidental changes, accessibility gaps, and version drift. - Tradeoffs include fast iteration versus governance and review costs. - Bottom line: Agentic AI performs real WordPress actions today; test on staging first. ## 📖 Main Content - Agentic AI performs actions, not only text. It plans steps. - Angie exposes WS Form abilities through tools and JSON schemas. - The demo builds a dog adoption form, adds fields, and creates a page. - It then converts a text field to a select and alphabetizes options. - It translates all labels into French in a new session. - It finally creates a mortgage calculator using WS Form calculations. - WS Form documentation outlines permissions, tool scope, and safeguards. - The plugin page provides release notes and version requirements. - Uncertainties remain about the uploader’s identity and publish date. ### 🗒️ Notes #### ⏱️ [00:00](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=0) Opening claim ### [H1] Angie performs WordPress actions via tools > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) by an unnamed author via [[YouTube]]. Published [MISSING]. Accessed {{date:YYYY-MM-DD}}. > "Agentic AI can actually perform actions." Angie plans steps and executes tasks inside WordPress. #### ⏱️ [01:03](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=63) Setup ### [H2] Demo runs on local WordPress Studio > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "I've got WordPress Studio installed here for a local WordPress instance." Local instances reduce risk during AI actions. #### ⏱️ [01:41](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=101) Prompting ### [H3] Single prompt creates form and page > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "Ask it to create a form... publish that form... create a page... add the form." This shows multi-step orchestration in one request. #### ⏱️ [02:12](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=132) Verification ### [H4] Angie adds WS Form block automatically > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "You'll see that it's put the WS Form block in there." Block placement confirms end-to-end automation. #### ⏱️ [03:01](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=181) Field edits ### [H5] Angie replaces text field with select list > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "Change the dog breed text field to a select field and add 20 popular... options." Structural edits run through exposed tools. #### ⏱️ [04:02](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=242) Sorting ### [H6] Angie alphabetizes select options > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "Order the dog breed select field alphabetically." Automated ordering improves UX and consistency. #### ⏱️ [05:02](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=302) Translation ### [H7] Angie translates entire form labels > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "Translate the dog adoption form into French." Globalization tasks run as single operations. #### ⏱️ [05:41](https://www.youtube.com/watch?v=ya-VvkXMd6g&t=341) Calculator ### [H8] Angie builds a mortgage calculator form > [!quote] [Angie Agentic AI Meets WS Form](https://www.youtube.com/watch?v=ya-VvkXMd6g) > "Create a mortgage calculator form... add help text... add the new form to it." Calculations compile with WS Form’s calculator feature. ## 📚 References - WS Form blog: integration overview and examples — https://wsform.com/angie-agentic-ai-meets-ws-form/ - WS Form KB: version scope and permissions — https://wsform.com/knowledgebase/angie/ - Elementor product page: Angie integrations — https://elementor.com/products/angie-ai-for-wordpress/ - WS Form plugin page and changelog — https://wordpress.org/plugins/ws-form/ - YouTube video — https://www.youtube.com/watch?v=ya-VvkXMd6g ## 🗣️ Paraphrase - The presenter shows Angie executing real edits to forms in WordPress. - The system builds forms, pages, translations, and calculators from simple prompts. ## 📰 Newsletter - Agentic AI just became practical for WordPress creators. - Angie now works with WS Form and related tooling. - The demo shows creation, editing, sorting, and translation in minutes. - WS Form cautions against production edits without review. - Try this: prompt Angie to build a mortgage calculator, then export a shortcode. - Read the guide and plugin notes before testing. ## ✅ Action Items #### DevRel - Publish a “five prompts for forms” quickstart with GIFs and shortcodes. - Record a safety-first demo using a staging site and version tags. - Add DX samples: JSON schema snippets and tool lists. - Track conversions from code to prompt workflows. #### OSPO - Define an AI-edit change policy and staging requirement. - Add tool permission reviews and audits to release gates. - Maintain SBOM entries for Angie bridges and WS Form add-ons. #### Community - Run office hours on agentic patterns and rollback plans. - Pair mentors with fir - Summary: Angie is Elementor’s new agentic AI assistant for WordPress. It can understand your site’s structure, reason through tasks, and take action across content, design, and code. With a single prompt, Angie can perform multi-step workflows such as creating forms, editing forms and also gather statistics about forms in WS Form. Learn more: https://wsform.com/angie-agentic-ai-meets-ws-form/ Get WS Form: https://wsform.com/ Get Angie: https://elementor.com/products/angie-ai-for-wordpress/ This feature requires WS Form 1.10.60+ - URL: https://www.youtube.com/watch?v=ya-VvkXMd6g Imagine creating and editing WordPress forms just by prompting AI with WS form and Angie. That's now possible. You can build, modify, and even translate forms in seconds, all with simple natural language commands. Angie is Elementor's new Agentic AI assistant for WordPress. Unlike typical AI that only writes text or creates images, Agentic AI can actually perform actions. It can analyze what you ask, plan the step to complete real tasks like creating a form or adding new fields automatically. Let's take a look and see how it's done. So, I've got WordPress Studio installed here for a local WordPress instance. This would be your WordPress site and I've installed Angie and WS form. So, Angie I've got from the WordPress plug-in repo and WS form pro is the pro edition of WS form. This will work with WS form light our free edition but I'm going to use the pro edition so you can see some of the cool features like calculations. On the left hand side we have Angie itself and you can just prompt Angie like you would any other AI client such as chat GPT or claw desktop. So I'm going to put a prompt in here and we're going to ask it to create a form for adopting a dog. We're going to ask it to publish that form. And then we're going to ask it to create a page and that page will be called adopt a dog. And we're going to add the form to it. And we're going to specifically ask it to add a text field for where the user can specify the dog breed that they want to adopt. So the way Angie works is we expose a bunch of tools to it. And each of the tools does a different thing such as create a form or edit a form. And Angie determines which tools to use to execute the prompt that we've given to it. So I've got this in debug mode. So you can see what it's actually doing. And you'll see here it's created a form. It is then published the form. And now it's going to use some of the built-in tools that Angie has to actually create a page and add the form to that page. So let's now go into pages. And there you go. It's built a page called adopter dog. And if we edit that page, you'll see that it's put the WS form block in there. and it has assigned the adopter dog form that it's created to that particular block. And if we have a look at this form, it's actually added some introductory text to the form to explain how to fill it out. It's put first and last name fields in at 50% width. So you'll see any kind of like fields, it will try and style those. You've got your email, your phone, your address, and it's also put in the text field we ask for the preferred dog breed. If we go into WS form and we'll have a look at that that form. We'll edit that. And there we go. There's the form that is created in WS form which is ready to go. It's added GDPR in there as well. It's put a submit button in. Everything's cool and ready to use. But let's make this form a little bit easier to use. Let's change that preferred dog breed field to a select field. So we can do that with Angie as well. So if we just say change the dog breed text field to a select field and add 20 popular dog breed options to it. So if we run that then what Angie is now going to do it's going to pull down the form so that it understands the structure of that form and it's going to go ahead and try and update the form. Now it'll probably fail on that. It's actually going to then we're actually going to tell Angie, hey don't update it. We need to delete that field and then add a new field to it. So there you go. It's actually trying to update the form there. We're telling it, hey, you should probably use the field ad function instead. It's deleting that old field. And there we go. So, let's now refresh and hit reload. Every time I demo this, Angie does things in a slightly different way. It's really interesting to see the AI working. So, you'll see here the preferred dog breed has been added and there's a select drop down there. And we'll go to options. And there are the dog brews that we asked it to add to that select field. Now, that list there is not alphabetical. So, let's ask Angie to reorder that list automatically. So, it's alphabetically. That'll save you having to drag every single one of those options. So, we go back into Angie and we'll put a prompt in there. Order the dog breed select field alphabetically. And we'll run that. So, now again, it's going to pull down the form so it knows the current structure of the form. And it will then do an update on that form, which should hopefully update this option list. and make it alphabetical. And there we go. It's updating the form. And it should then indicate when it's finished. There we go. So, let's now refresh that form. And you'll see now if we edit that field and go into options, the list is now alphabetical. So, we can go a step further with Angie. We can actually ask it to translate an entire form. So, what I'm going to do, I'm going to start a new chat and just show you how to identify this form by ID or by the label. So what we can do, let's just take the label there and let's ask it to translate the dog adoption form into French. So even though we started a new chat, we can identify the form by the label. You can also identify it by the form ID. In this case, form ID 23. But let's just say translate the dog adoption form into French. And press return. So now Angie's going to pull down the form. You'll see it's doing a form get JSON there. and it's going to translate that form. And there we go. There's the form update. You'll notice it's also edited the text. So, it's done some other translations there as well. And there we go. It's refreshed the form and all of the labels have been translated into French. And if we go into that preferred dog brief field, you'll see it's actually translated those two. Let's go a little step further. Let's start a new chat and let's ask it to create a form with a calculator in it. So, we'll do a mortgage calculator. So, we're going to ask it to create a mortgage calculator form. This time, I'm going to add it have it add help text each of the fields to help with accessibility. And we'll create a new page called mortgage calculator and add the new form to it. So, let's run that. So, this is uh actually an example of where you can use the uh MCP functionality of WS form to create calculations in forms. Now, calculations can be quite complex to build out, but it'll actually do all of that work for us. So here you can see it's created the form. It has published the form. It's now going to create the page for the mortgage calculator. And it should then assign the new form to that page. There we go. That's it. Creating the page. And that's it. Done. So if we go back into the WS form list, you'll see there's the mortgage calculator form it's created. If we edit that, you'll see here that we've got the property price, the down payment, a loan amount, interest rate, number of years, and then there's a monthly payment field here. And if we edit that, you'll see it's created the hash calculation for that field. So, you didn't have to do anything to make that work. Again, if we go into pages and we can see here's the mortgage calculator page, it has created the page for us. It has added the block and it has injected the form onto the page for us and that's ready to go. You'll notice it's added the help text that we asked for accessibility. So there you go. There's the WS form and Angie integration. There's a lot more you can do with it. You can do things such as pulling statistics down for forms. So you could say give me the total number of submissions I had last month, the total number of times the form was shown, give me the conversion rate. You can even ask it advice on how to improve your forms as well and it will give you tips. We'll keep you updated on this feature in the Facebook group and also via email. I hope you enjoy using it., Angie Agentic AI Meets WS Form, WS Form PRO - Form Builder for WordPress, 01k823nwp1tte4rh530r598rr1.