Mijn eerste date met Elementor’s ‘Angie Code AI’

Angie… de AI Agent van Elementor… is ze jouw tijd waard, of mag je een kater verwachten?

Wanneer een wereldberoemde popster een liefdeslied schrijft voor de vrouw van zijn beste vriend, mag je vermoeden, dat er meer aan de hand is… Ik kan het niet helpen, maar vanaf het eerste moment dat Elementor aankondigde dat er een AI agent voor Elementor in ontwikkeling was, en de resultaten via de cloud tussen sites gedeeld zouden kunnen worden, kwam het aloude liefdeslied van Mick Jagger gericht aan de toenmalige echtgenote van David Bowie (Angela Bowie) in mij op. ‘Angie, Angie… when will this cloud just disappear’.

Over het algemeen ben ik goed te spreken over producten van Elementor. Maar toen Elementor de liefde aan Angie verklaarde, voelde ik mij toch een beetje verraden. Omdat ik geloof in het nieuwe ‘atomic elements’ concept en net nadat Elementor met veel tamtam de komst van de ‘eerste atomic elements’ had aangekondigd met de ingebruikname van Elementor 4, kwam Elementor met een nieuw product. Angie Code AI. Een AI-agent waarmee je met behulp van tekst prompts onder andere nieuwe widgets kon maken. Maar bij de eerste, en bij de op het moment dat ik dit schrijf in productie zijnde versie, zijn elementen die je kunt maken allemaal ‘klassieke’ widgets. Angie AI ondersteunt in de in productie zijnde versies nog geen nieuwe op atomic elements gebaseerde components.

Voor mij gaf het sterk het gevoel, dat Elementor het ingeslagen pad met componenten inmiddels -nog voor het volledig was geïmplementeerd, had verlaten. En een diepgaande evaluatie van het product voor mij op dat moment niet de moeite waard was.

Inmiddels heb ik een blik mogen werpen op de komende versie van Angie, de versie die wel met de Atomic Elements werkt, en vandaar dat ik besloten heb, om Angie toch nader te onderzoeken.

‘Angie Code AI’ is een aparte plugin

Angie Code AI is een aparte plugin, die je naast Elementor kunt gebruiken, het is dus geen standaard functie die je in Elementor vindt. De plugin is makkelijk te installeren (het is gewoon een plugin in de WordPress repository) en wanneer je Elementor voor het eerst op een site installeert, zal Elementor je zelfs vragen, of Elementor het voor je mag doen.

Wat misschien meer verrassend is, is dat je Angie Code AI ook zonder Elementor kan gebruiken. Hoewel Elementor op dit moment Angie Code AI vooral presenteert als een AI-Widget-en-Component builder, en de binnenkort komende versie additioneel nog als een ‘AI-Page builder’, is Angie Code AI tot veel meer in staat.

Je kan bijvoorbeeld met behulp van Angie Code AI ook code snippets genereren zonder zelf een regel te hoeven coderen. Vind je de code snippets in de WordXPression Snippet Base toch wel iets ‘te technisch’ om ze zelf in je site te implementeren, dan kan je Angie vragen om een vergelijkbare functionaliteit zelf de implementeren.

En nog interessanter: Angie komt met een eigen SDK (Software Development Kit) die toekomstige plugin-bouwers kan helpen Angie te integreren met hun plugins.

Angie Code AI is een gratis plugin, maar het gebruik van Angie is slechts beperkt gratis. Aan het einde van dit artikel, waarbij ik een vergelijk maak tussen Angie Code AI, Claude Code en Codex van OpenAI hoop ik iets meer duidelijkheid te kunnen verschaffen over de kosten van AI, waarbij ik vooral op wil merken, dat het juist Elementor zelf is, die deze onduidelijkheid veroorzaakt.

Aan de slag met Angie…

Na het installeren en activeren van Angie, staat een nieuwe optie klaar in het menu: ‘Angie’. Klik je daarop, dan begin je met een startscherm met een aantal suggesties, wat je precies zou willen. Op dit moment vind je daar een viertal suggesties, met een knop ‘more ideas’, en een aantal tabs… op dit moment ‘Featured’, ‘Elementor Widgets’, ‘WordPress Admin Snippets’, ‘Website Snippets’ en ‘Visual Apps’.

Overigens, in de versie van Angie die we binnenkort mogen verwachten kan je ook direct complete pagina’s met AI genereren.

Het is leuk om er eens doorheen te lopen, om te kijken wat er allemaal mogelijk is met Angie Code AI, maar als dit alles was wat Angie heeft te bieden, dan had je natuurlijk net zo goed de zoveelste ‘Add-on’ voor Elementor Widgets kunnen kopen. Wat Angie Code AI werkelijk interessant maakt is, dat je ook die widgets of componenten die nog niemand had bedacht kan maken.

Wat Angie werkelijk interessant maakt is de laatste regel op de pagina:

‘Describe what you want’

We gaan een heel simpele widget bouwen

Ik wil een ‘card’ widget bouwen. En binnen deze ‘card’ widget wil ik standaard een titel, een tekst, een icon en een knop hebben. Het plaatje hierboven geeft een beetje het idee van wat ik bedoel. Ik klik dus op ‘Describe what you want’ en zie vervolgens een ‘sidebar’. Dit is het gebied, waar je met Angie aan het werk gaat, het rechter deel toont het resultaat. Op het moment dat ik begin heb ik 3953 credits gebruikt.

Mijn eerste prompt

Build a card widget according the layout in the image. Title, text, icon and button have to be able to be set and styled individually. Both icon and button  are optional. Title can be a link, so the title needs an url field. When this url is initially filled, on exit of the field, the url of the button will be filled with the same url. When the title url will be modified later, it has no effect on the button url. 

Nadat deze prompt verwerkt is, en een enorme hoeveelheid tekst als output gegenereerd is, dit echter zo snel voorbij kwam, dat ik het niet kon lezen springt ‘Angie’ in de testmode. Hier kan je WordPress gebruiken, zonder dat het direct invloed heeft op de site zelf.

Om de widget te kunnen bekijken moet ik in Elementor zijn, dus ik navigeer hierheen en maak een template aan, om daarbinnen de widget te kunnen bekijken. De teller staat ondertussen op 4238 credits.

Je ziet hier een nieuwe widget, de ‘Special Card Widget’, met een kenmerk ‘Draft’. Dit geeft aan, dat de widget nog niet beschikbaar is voor gewoon gebruik.

We plaatsen de widget op het canvas

Het ziet er aardig uit. Maar ik zie eigenlijk direct al, dat wanneer ik deze card serieus zou willen gaan gebruiken, ik wat belangrijke zaken mis. Allereerst wil ik natuurlijk dat de typografie responsive is. Afhankelijk van het apparaat waarop het getoond wordt moet het lettertype aanpasbaar zijn, net zoals de ‘iconsize’, waar Angie overigens wel aan gedacht heeft.

En als laatste, ik zou graag willen dat alle tekstvelden, urls en de icon dynamisch zijn.

Daarnaast zou ik graag de uitlijning (alignment) van de elementen willen kunnen bepalen. En hier zit hem de grote uitdaging. Wanneer ik wil, dat de icon naar links of rechts gaat, dan wil ik, dat de ruimte tussen de tekst en knop kleiner wordt, of meer precies: Gaat de knop naar links, dan staat er rechts van de knop de tekst en daaronder de knop.

Wat een enorme uitdaging is -vooral voor ons mensen- is visuele instructies dusdanig duidelijk te geven, dat een AI toepassing het ook begrijpt.

Laten we een kans wagen:

Prompt nummer 2

- All typographies should be responsive
- All text fields, urls and icons should be possible to set dynamically too
- The title, description text, icon and button their horizontal alignment should be configurable
- When the horizontal alignment of the icon is set left or right, the icon should be left or right, and the text should be at the side of it, the button below the text.  

Denk je dat het gaat lukken?

Angie maakt fouten!

Toen Angie klaar was werd ik gevraagd om op ‘Refresh’ te klikken om de veranderingen te bekijken. Daar kreeg ik iets onverwachts te zien:

Dit is mij niet eerder overkomen, dus op zich wel interessant, dat ik juist op het moment dat ik bezig ben met een artikel over de werking van Angie ik ook een demonstratie krijg -en daardoor kan geven- wat er allemaal fout kan gaan. Maar aangezien Angie de rommel zelf heeft veroorzaakt, kies ik voor ‘Oplossen met Angie’.

Klik ik op de knop, dan doet Angie zelf het voorstel voor de oplossing al door de foutmelding in de chat dialoog te zetten.

Hoe Angie haar problemen oplost…

Klaarblijkelijk heeft Angie de fout gevonden. De tekst van de fout is voor mijn gemak alvast in het ‘chat vak’ (1) gezet.

Wat je wellicht ook opvalt, is dat er niet langer een groot roze vak rond de editor staat, wat aangeeft, dat we niet meer in de test modus zitten. Een tweede aanwijzing hiervoor is het ontbreken van onze ‘Angie Widget’ (2), want ‘draft’ widgets zijn niet zichtbaar wanneer je niet in test modus bent.

Inmiddels zitten we op een creditverbruik van 4815

Angie, je linkerhand is de hand waar je duim rechts zit…

Tot mijn grote verbazing werkt de uitlijning zoals bedoeld. Ik had om eerlijk te zeggen het puntje van de uitlijning juist toegevoegd, omdat AI vaak de fout in gaat met visuele instructies.

Toch klopt het niet helemaal. Maar dat ligt aan mij voor een mens duidelijke, maar voor een computer toch wat ambivalente instructie.

When the horizontal alignment of the icon is set left or right, the icon should be left or right, and the text should be at the side of it, the button below the text.  

Tja, wanneer de uitlijning van de icon links of rechts is, moet de icon links of rechts staan. Dat is inderdaad geïmplementeerd zoals ik het aangaf. Ik had natuurlijk moeten zeggen, als de uitlijning op links staat, moet de icon links, en de uitlijning op rechts staat, moet de icon rechts. Wanneer je AI een keuze uit twee opties geeft, kiest hij in 50% van de gevallen de verkeerde optie. ‘Denken’ moet je niet aan Angie overlaten, dat moet je zelf doen.

Daarnaast zit er een technisch foutje in. Wanneer ik onder de tab ‘Body&Media’ klik, verdwijnt het panel.

Prompt 3

- The alignment of the icon is not as intended. If the left-align button is clicked, I want the icon to align on the left side, when the right-align button is clicked, I want  the icon to align on the right side
- The 'Body & Media' section under the 'Inhoud' tab is not working. When I click on the expansion arrow, the whole 'Inhoud' panel turns empty. 

En na nog wat ‘nadenken’ en tekst sneller naar het scherm te sturen dan een mens kan lezen, hebben we het beoogde resultaat. En de teller staat op 5722 credits. Dat wil zeggen, dat ik er 1769 credits heb gebruikt. Waarom ik dit onder de aandacht breng, leg ik later uit.

Ik ben tevreden. Wat nu?

Wanneer je na enkele prompts de widget hebt, die je in gedachten had, kan je de widget publiceren. En dat publiceren kan je op twee manieren doen.

Publiceren binnen de site

Wanneer een widget uitsluitend bedoeld is voor je eigen website, of wanneer de widget uniek is voor één enkele klant, dan is ‘Publish to live’ zonder de knop ‘Save to Cloud’ te activeren de beste optie.

Publiceren en opslaan in de Cloud (niet te verwarren met ‘Claud’)

Heb je een widget gemaakt, die je in meerdere websites wilt gebruiken, dan kan je jouw widget ook opslaan in de cloud. Je widget is dan ook beschikbaar binnen alle sites die jij met jouw Elementor account verbindt. Dit is handig wanneer je een webbouwer bent die zelfgemaakte widgets in meerdere websites wil gebruiken. Hierbij even een belangrijke opmerking: Wanneer je later je widget die je in meerdere websites hebt aanpast, dan wordt dit niet automatisch aangepast op alle websites waar je die widget in gebruik hebt.

Wil je het opslaan in de cloud, is het enige wat je hoeft te doen de ‘Save to Cloud’ knop naar rechts te verschuiven.

Wat te doen, als mijn widget na een update niet meer werkt?

Wanneer je een website update (core, plugins of thema) update is het altijd mogelijk, dat hierdoor een conflict ontstaat. Is jouw widget bij dit conflict betrokken, dan is het mogelijk om via Angie Code AI te zoeken naar de oorzaak van dit conflict, en indien de widget in dit conflict betrokken is, het probleem op te lossen.

Dit is makkelijk, maar leidt mogelijk ook tot problemen.

Bijvoorbeeld: Jij update plugin A op website 1. Jouw MyWidget widget wil niet meer opstarten. Jij vraagt Angie dit op te lossen, en dat lukt. Hiermee is de code van MyWidget veranderd. Jouw MyWidget widget is hiermee veranderd. Je laat de nieuwe widget ook opslaan in jouw Cloud Library bij Elementor.

Je update plugin B op website 2. Ook hier wil jouw MyWidget widget niet meer opstarten, maar dit heeft -omdat het een andere geupdate plugin is -die je mogelijk op website 1 niet gebruikt- een andere oorzaak. Ook hier weet Angie de oorzaak te vinden, past het aan. Omdat Angie tijdens de probleemoplossing geen kennis heeft van de wijzigingen op website 1, is het mogelijk dat de veranderingen die Angie aanbrengt op website 2 in de widget de problemen van website 1 opnieuw introduceert!

Is het waarschijnlijk dat dit gebeurt? Niet echt. Het is echter wel een risico wat je introduceert wanneer je -zonder inzicht te hebben in de code- een stukje AI gegenereerde software op meerdere plaatsen gebruikt en op meerdere plaatsen onderhoud.

In de ‘gewone’ programmeerwereld gebruikt men daarvoor versiebeheersoftware.

Naarmate je meer widgets of andere AI gegenereerde software deelt, zonder hier ‘menselijk toezicht’ op te houden, des te groter wordt het risico op een ‘algehele chaos’ op het gebied van versiebeheer.

Enkele tips om niet compleet met Angie -of welke andere AI agent dan ook- de mist mee in te gaan

Maak zichtbaar wat je bedoelt
Beschrijf een ontwerp niet alleen in woorden, maar voeg waar mogelijk een screenshot, schets of voorbeeldafbeelding toe. Je kunt ook verwijzen naar een CodePen of een andere pagina met HTML-, CSS- of JavaScriptvoorbeelden.

Beschrijf eerst het doel
Vertel niet alleen wat Angie moet maken, maar ook waarvoor het bedoeld is. Een formulier voor een offerteaanvraag stelt bijvoorbeeld andere eisen dan een eenvoudig contactformulier.

Geef voldoende informatie over de omgeving
Noem het gebruikte thema, relevante plugins, custom post types en eventuele custom fields. Geef ook aan of Angie iets voor Elementor, Gutenberg, WooCommerce of een ander onderdeel moet maken.

Werk bottom up

Wanneer je Angie wil gebruiken om een complete pagina te maken, begin met het definiëren van componenten of widgets. Werk zo langzaam omhoog naar paginasecties en voeg die paginasecties later samen tot een complete pagina. Dit zorgt er niet alleen voor, dat je kans groter is, dat je werkelijk krijgt wat je wilt, maar nog belangrijker, hiermee creëer je herbruikbare widgets en componenten die je via Elementor One ook in andere websites kan gebruiken.

Noem concrete voorwaarden
Geef aan welke velden, knoppen, kleuren, afmetingen, apparaten of interacties nodig zijn. Vermeld ook wat Angie juist niet mag aanpassen, verwijderen of overschrijven.

Beschrijf het gewenste gedrag
Leg bij interactieve onderdelen precies uit wat er na een klik, invoer of foutmelding moet gebeuren. Vermeld ook eventuele uitzonderingen, zoals lege velden, ongeldige invoer of ontbrekende gegevens.

Laat Angie eerst een voorstel maken
Vraag bij grotere wijzigingen eerst om een kort plan of een beschrijving van de stappen. Zo kun je de gekozen aanpak beoordelen voordat Angie daadwerkelijk wijzigingen uitvoert.

Werk in vervolgstappen
Een goede prompt hoeft niet meteen het perfecte eindresultaat op te leveren. Bekijk het resultaat en geef daarna gerichte vervolgopdrachten, zoals: “maak alleen de afstand kleiner” of “verander de werking niet, maar pas uitsluitend de vormgeving aan”.

Vraag om controleerbare resultaten
Laat Angie aangeven welke bestanden, instellingen of onderdelen zij heeft gewijzigd. Test nieuwe code en functionaliteit bij voorkeur eerst in Test Mode of op een stagingomgeving.

Wat kost Angie Code AI werkelijk?

Angie Code AI is gratis. Tenminste, binnen bepaalde grenzen. Je krijgt een bepaalde hoeveelheid gratis credits per dag, en zijn die credits op, dan moet je op de volgende dag wachten. Elementor is nu niet echt transparant met betrekking tot het aantal credits was je per dag kan verbruiken. En bedenk vooral, dat Elementor dit ieder moment onaangekondigd aan kan passen.

Gebruik je Angie voor je eigen website, dan is dat geen bezwaar. Gebruik je Angie echter om widgets te maken voor klanten, dan zou ik zelf niet graag vertrouwen op een dienst, die ieder moment mijn planning kan onderbreken, en mij vertelt dat ik mijn planning morgen verder voort moet zetten.

Op het moment dat ik dit schrijf is het niet mogelijk om ‘Angie Credits’ te kopen. Elementor heeft een aantal plugins die werken op basis van credits en had vroeger een systeem, waarbij je voor iedere plugin losse credits moest kopen (of een abonnement nemen, waardoor je iedere maand een ‘budget’ aan credits had, en eventueel losse credits bij kon kopen).

Dat was natuurlijk behoorlijk onoverzichtelijk. Je had AI credits, credits voor afbeeldingoptimalisatie, credits voor mailverzending etc. Dus Elementor kwam met het lichtende idee, om gewoon ‘credits’ te introduceren, die je in de verschillende credit-consumerende plugins van hen kan gebruiken. Een werkelijk prachtig idee!

Helaas werd met dit idee ook het idee losgelaten, dat je de credits ook los moet kunnen kopen. Credits gaan gewoon deel uitmaken van een nieuwe dienst: Elementor One. En in mijn blogartikel over Elementor One leg ik gedetailleerd uit, waarom het nieuwe credit systeem van Elementor soms een pijn in een spreekwoordelijk lichaamsdeel kan zijn.

Maar wil je Angie kunnen gebruiken, dan heb je één van de abonnementen op Elementor One nodig. Wanneer je Elementor Pro toch al wilde gebruiken -of gebruikt- een goede overstap, maar wil je Angie zelfstandig gebruiken zonder Elementor, dan zou er er toch zeker eens goed over nadenken. Ook hiervoor verwijs ik je graag over het artikel over Elementor One.

Angie Code, Claude Code en OpenAI Codex

Wat je ook maar zegt over AI, de ontwikkelingen gaan zo snel, dat wat ik vandaag vertel, morgen al verouderd is. Maar op dit moment, augustus 2026, kan ik, wanneer ik Angie Code AI aan de ene kant, en Claude Code en OpenAI Codes aan de andere kant -ik ga Claude en OpenAI niet met elkaar vergelijken, daarvoor ontloopt het elkaar te weining het volgende zeggen.

Angie Code AI, Claude Code en Codex worden alle drie gepresenteerd als AI-agents die zelfstandig programmeertaken kunnen uitvoeren. Toch bedienen ze verschillende gebruikers.

Angie is in de eerste plaats een WordPress-agent: je gebruikt hem rechtstreeks binnen WordPress om functionaliteit te maken of de website te beheren. Claude Code en Codex zijn algemene ontwikkelagents: zij werken met de broncode van een softwareproject en sluiten aan op een professionele ontwikkelworkflow.

Voor ik verder ga met het vergelijk, wil ik eerst een aantal begrippen duidelijk maken

• AI-agent: een AI die niet alleen antwoorden geeft, maar ook zelfstandig bestanden kan onderzoeken, code kan wijzigen en gereedschappen kan gebruiken.
• Versiebeheer: een systeem zoals Git waarmee wijzigingen, versies en ontwikkeltakken worden bijgehouden.
• Skill: een herbruikbare set instructies waarmee een agent een bepaalde taak volgens een vaste werkwijze uitvoert; dit is geen echte training van het AI-model.
• MCP-server: een koppeling waarmee een AI-agent toegang krijgt tot externe programma’s, documentatie, databases of andere hulpmiddelen.
• Plugin: een installeerbare uitbreiding die nieuwe functies, skills of koppelingen aan een agent kan toevoegen.

De vergelijking

Belangrijkste doel	WordPress-websites maken, aanpassen en beheren. Angie kan onder meer widgets, PHP-, CSS- en JavaScript-snippets, pagina’s en WordPress-functionaliteit genereren.	Algemene softwareontwikkeling: functies bouwen, bugs oplossen, tests uitvoeren, refactoren en complete codebases onderhouden. Niet beperkt tot WordPress of PHP.
Benodigde omgeving	Angie wordt als WordPress-plugin geïnstalleerd en verschijnt als zijpaneel in WP Admin en de Elementor-editor. Een terminal, IDE, Git-installatie of lokale ontwikkelomgeving is niet noodzakelijk.	Angie wordt als WordPress-plugin geïnstalleerd en verschijnt als zijpaneel in WP Admin en de Elementor-editor. Een terminal, IDE, Git-installatie of lokale ontwikkelomgeving is niet noodzakelijk.
Versiebeheer	Angie bewaart automatisch revisies van gegenereerde snippets. Je kunt oudere versies bekijken en herstellen. Dit is echter versiegeschiedenis van Angie-code en geen volledig Git-systeem voor de complete website.	Uitgebreide ondersteuning voor Git: wijzigingen vergelijken, bestanden stagen, commits maken, branches gebruiken, pull requests openen en met geïsoleerde worktrees werken. Dit past beter bij grotere en langdurig onderhouden projecten.
Veilig testen	Nieuwe widgets en snippets worden eerst in Angie Test Mode geplaatst. Alleen beheerders zien de testversie totdat deze bewust wordt gepubliceerd. Test Mode beschermt echter niet automatisch tegen alle wijzigingen die Angie in WordPress kan uitvoeren.	Wijzigingen zijn zichtbaar als een diff en kunnen eerst worden beoordeeld. Agents kunnen tests, linters en builds uitvoeren. Git-branches en worktrees maken het mogelijk wijzigingen van de hoofdversie te isoleren.
WordPress-plugins gebruiken	Sterk geïntegreerd. Angie kan WordPress-plugins installeren, activeren, deactiveren, bijwerken en verwijderen. Het kan daarnaast werken met onder meer Elementor, Gutenberg, WooCommerce en ACF.	Kan de broncode van een WordPress-plugin ontwikkelen of aanpassen, maar werkt niet automatisch binnen WP Admin. Voor directe toegang tot een website zijn een lokale installatie, servertoegang, WP-CLI of een geschikte MCP-koppeling nodig.
De agent uitbreiden met plugins	Vanuit gebruikersperspectief relatief gesloten. De WordPress-site kan met plugins worden uitgebreid, maar Elementor documenteert momenteel geen algemeen systeem waarmee gebruikers eigen Angie-agentplugins met skills, hooks of MCP-configuraties kunnen installeren.	Veel uitgebreider. Plugins kunnen herbruikbare skills en externe koppelingen toevoegen. Bij Claude kunnen plugins ook subagents, hooks, MCP-servers en taalservers bevatten. Codex-plugins kunnen skills en connectors bundelen. De precieze beschikbaarheid kan per interface verschillen.
Aanpassen met skills en instructies	Angie is door Elementor gespecialiseerd voor WordPress. De gebruiker stuurt Angie vooral met normale prompts en vervolginstructies. Er is momenteel geen gedocumenteerd equivalent van eigen skills of permanente projectinstructies.	Zeer uitgebreid. Je kunt eigen skills maken voor terugkerende werkzaamheden. Daarnaast kunnen vaste projectregels worden vastgelegd in bijvoorbeeld CLAUDE.md of AGENTS.md, zodat de agent telkens dezelfde codeconventies, testregels en werkwijze volgt.
Zelf MCP-servers kiezen	Angie gebruikt MCP intern om WordPress, Elementor en andere onderdelen van de website te benaderen. Gebruikers kunnen ingebouwde gereedschappen bekijken en uitschakelen, maar er is momenteel geen gedocumenteerde mogelijkheid om willekeurige externe MCP-servers aan Angie toe te voegen.	Volledige keuzevrijheid. Je kunt zelf lokale en externe MCP-servers toevoegen, verwijderen en per gebruiker of project configureren. Zo kan de agent bijvoorbeeld documentatie, GitHub, databases, browsers, ontwerptools of eigen bedrijfssoftware gebruiken.
Toegang tot bestanden en database	In de normale modus gebruikt Angie vooraf bepaalde WordPress-tools. In Super Admin Mode kan Angie bestanden lezen, PHP uitvoeren en via WordPress toegang krijgen tot de database en APIs van actieve plugins. Elementor adviseert hierbij nadrukkelijk een back-up en bij voorkeur een stagingwebsite.	Kan binnen de ingestelde rechten projectbestanden lezen en wijzigen en opdrachten uitvoeren. Toegang tot databases, servers en externe systemen wordt door de gebruiker via de ontwikkelomgeving, commandoregel, plugins of MCP ingericht.
Herbruikbaarheid	Gegenereerde snippets en widgets kunnen in een cloudbibliotheek worden opgeslagen en op andere WordPress-sites opnieuw worden gebruikt.	Complete repositories, plugins, libraries, skills, configuraties en ontwikkelworkflows kunnen via Git en pluginmarktplaatsen tussen projecten en teams worden gedeeld.
Gebruikersgemak	Zeer laagdrempelig voor een WordPress-gebruiker. Je installeert een plugin, opent het zijpaneel en beschrijft wat je nodig hebt. De technische infrastructuur blijft grotendeels buiten beeld.	De bediening zelf is conversatiegericht, maar begrippen als bestanden, repositories, branches, dependencies, builds en tests blijven belangrijk. De leercurve is daardoor groter, maar de gebruiker krijgt ook veel meer controle.
Prijsmodel en extra gebruik	Voor beperkt gebruik zijn gratis dagelijkse credits beschikbaar. Voor zover Elementor nu bekend heeft gemaakt, is Elementor One echter de enige betaalde prijsstructuur voor uitgebreider gebruik van Angie. Je committeert je daarbij aan een vast abonnementsbedrag voor een bundel van verschillende Elementor-diensten met een gedeeld aantal credits. Zijn de credits tijdelijk op, dan kun je niet eenvoudig een losse bundel bijkopen: je moet wachten op nieuwe credits of overstappen naar een groter abonnement.	Claude Code en Codex bieden verschillende gebruiksmodellen. Naast abonnementen bestaan mogelijkheden om aanvullende credits te kopen of via een API voor het daadwerkelijke gebruik te betalen. Daardoor is meer gebruik op tijdelijke basis mogelijk: je kunt min of meer gaan en staan zoals je wilt, zonder voor extra capaciteit direct een groter abonnement met samengevoegde diensten te hoeven afsluiten.
Geschikt voor	Website-eigenaren, ontwerpers en WordPress-gebruikers die snel een specifieke aanpassing of kleine functionaliteit willen realiseren.	Ontwikkelaars en technisch geïnteresseerde gebruikers die plugins, thema’s, applicaties of andere software professioneel en onderhoudbaar willen ontwikkelen.

Wat betekent dit in de praktijk?

Angie neemt een groot deel van de technische omgeving voor zijn rekening. Je hoeft niet eerst een project te downloaden, een ontwikkelserver te starten, Git te configureren of dependencies te installeren. Dat maakt Angie veel toegankelijker voor iemand die wel met ChatGPT kan werken, maar nog weinig ervaring heeft met softwareontwikkeling.

Die eenvoud heeft een prijs. Je hebt minder invloed op de gereedschappen, instructies en MCP-koppelingen die de agent gebruikt. Ook is Angie’s revisiesysteem minder uitgebreid dan een volledige Git-workflow. Voor één widget of een kleine WordPress-aanpassing hoeft dat geen probleem te zijn, maar bij grotere functionaliteit wordt onderhoudbaarheid belangrijker.

Claude Code en Codex vragen meer voorbereiding en technische kennis. Daar staat tegenover dat je vrijwel de complete werkomgeving kunt inrichten: van programmeerstandaarden en skills tot tests, branches, plugins en zelfgekozen MCP-servers. Hierdoor zijn ze beter geschikt voor code die gedurende langere tijd moet worden onderhouden of door meerdere mensen wordt ontwikkeld.

Conclusie

De eenvoudigste scheidslijn is:

Wil je vooral je WordPress-website aanpassen, dan is Angie de laagdrempeligste keuze. Wil je software ontwikkelen, dan bieden Claude Code en Codex aanzienlijk meer controle.

Angie wint op gebruiksgemak, directe WordPress-integratie en snelheid. Claude Code en Codex winnen op versiebeheer, uitbreidbaarheid, configureerbaarheid en professionele ontwikkelprocessen.

Het zijn daarom niet uitsluitend concurrenten. Angie kan een goede eerste kennismaking zijn met agentgestuurd werken en is aantrekkelijk voor snelle, afgebakende WordPress-aanpassingen. Zodra een functionaliteit uit meerdere bestanden bestaat, uitgebreid moet worden getest, als zelfstandig product moet worden verspreid of jarenlang onderhouden moet blijven, zijn Claude Code en Codex meestal de sterkere keuze.

Een nadere kennismaking met AI

Wil je kennis maken met AI en WordPress in zijn algemeenheid, dan ben je van harte welkom in de workshop ‘AI Light – Praktisch werken met AI in WordPress 7.0‘. Tijdens deze workshop leer je hoe je met behulp van de AI Agent plugin van WordPress zelf verschillende taken een stuk makkelijker uit kan voeren.

Tijdens de cursus ‘Elementor 4 voor Designers‘, die nadrukkelijk bedoeld is voor (web)designers die alles uit Elementor willen halen laat ik zien hoe AI je niet alleen kan ondersteunen bij de ontwikkeling van een website, bijvoorbeeld door widgets en componenten te helpen ontwikkelen, maar ook hoe AI de communicatie met je klanten kan vergemakkelijken.

En tenslotte, in de cursus ‘AI Supported Software Ontwikkeling‘ leer je hoe je in een korte tijd een complexe applicatie kan bouwen, waarbij jij wel constant zelf in controle blijft.