Website mit Elementor MCP und Claude Code: So baue ich 2026 blitzschnelle WordPress-Seiten mit KI

Warum ich meine Websites inzwischen anders baue

In den letzten Wochen habe ich mehrere Kundenwebsites mit Elementor MCP und Claude Code gebaut. Und ich sage es ganz offen: So viel Spaß hatte ich mit WordPress seit Jahren nicht mehr. Seiten, für die ich früher mehrere Tage im Editor saß, stehen jetzt in Stunden. Sie laden schneller als alles, was ich vorher mit Elementor gebaut habe. Und Änderungen gibst du nicht mehr per Ticket und Screenshot durch, sondern sagst sie einfach im Chat.

In diesem Artikel zeige ich dir, wie dieser Workflow funktioniert, was hinter den Begriffen Elementor MCP und V4 Editor steckt und für wen sich das lohnt. Ich zeige dir auch, wo die Grenzen liegen. Denn eine KI baut keine gute Website, wenn niemand weiß, was eine gute Website ausmacht.

Kurz gesagt: Elementor MCP ist eine offizielle Schnittstelle, über die KI-Tools wie Claude Code direkt in Elementor bauen können. Ich entwerfe deine Website zuerst als HTML-Prototyp mit Claude, stimme ihn mit dir ab und lasse sie dann per MCP im neuen Elementor V4 Editor umsetzen. Das Ergebnis ist eine echte, pflegbare Elementor-Website, die schneller fertig ist und schneller lädt. Strategie, Struktur und Qualitätskontrolle bleiben bei mir.

Was ist Elementor MCP?

Elementor MCP ist die offizielle Schnittstelle, über die KI-Programme direkt in deiner WordPress-Website mit Elementor arbeiten können. MCP steht für Model Context Protocol. Das ist ein offener Standard, mit dem eine KI Werkzeuge in anderen Programmen aufrufen kann. Elementor selbst vergleicht MCP gern mit einem USB-C-Anschluss für KI: ein Stecker, viele Geräte.

Praktisch heißt das: Ich schreibe Claude Code nicht nur, was es tun soll. Claude Code kann es auch selbst in Elementor erledigen. Container anlegen, Überschriften setzen, Farben und Abstände definieren, Bilder einbinden, Seiten speichern.

Wie Elementor MCP technisch funktioniert

Das Fundament liegt in WordPress selbst. Seit Version 6.9 hat WordPress eine sogenannte Abilities API. Plugins melden darüber klar definierte Aktionen an, jeweils mit Berechtigungsprüfung. Elementor stellt seine Bau-Funktionen genau über diese Abilities bereit, und der MCP-Server macht sie für KI-Tools wie Claude Code, Claude Desktop, Cursor oder Codex nutzbar.

Das offizielle Elementor MCP kam Ende September 2026 mit Version 4.3. Vorausgesetzt werden Elementor und Elementor Pro ab 4.3 und mindestens WordPress 6.8. Die MCP-Funktion muss in den Elementor-Einstellungen aktiviert werden. Wer zusätzlich Angie installiert, den KI-Agenten von Elementor, kann über dieselbe Verbindung auch Funktionen anderer Plugins ansprechen, etwa WooCommerce, Yoast oder ACF.

Ein Detail, das ich besonders schätze: Alles, was über Elementor MCP entsteht, wird als Entwurf gespeichert und nicht direkt veröffentlicht. Es geht also nichts ungeprüft live.

Was Claude Code damit ist

Claude Code ist ein KI-Werkzeug von Anthropic, das eigentlich für Programmierer gedacht ist. Es arbeitet Schritt für Schritt Aufgaben ab, liest Dateien, schreibt Code und ruft Werkzeuge auf. Mit Elementor MCP verbunden wird es zu einem sehr schnellen Bau-Assistenten, der die Elementor-Struktur versteht.

Wichtig: Es ist kein Website-Generator, der dir per Knopfdruck eine Seite ausspuckt. Es setzt um, was ich vorgebe. Je klarer die Vorgabe, desto besser das Ergebnis.

Der Elementor V4 Editor: Warum die Seiten so schnell sind

Der Elementor V4 Editor, auch Atomic Editor genannt, ist der größte Umbau von Elementor seit über fünf Jahren. Mit Elementor 4.0 ist er bei neuen Installationen standardmäßig aktiv. Bestehende Websites werden nicht automatisch umgestellt, dort lässt er sich in den Einstellungen einschalten.

Was ist anders? Früher bestand Elementor aus vielen schweren, vorgestylten Widgets. Jedes brachte eigenen Code und eigene Einstellungen mit. V4 setzt auf schlanke Atomic Elements wie Überschrift, Absatz, Bild, Button, Flexbox und Grid. Gestaltet wird über globale Klassen und Variablen, ähnlich wie in modernem CSS.

Das hat drei Folgen, die du direkt merkst:

• Weniger Code im Hintergrund: Die Seiten werden mit sauberem Markup ausgeliefert. Das spart Ladezeit, vor allem auf dem Smartphone.
• Einheitliches Design: Farben, Schriften und Abstände liegen zentral als Variablen und Klassen. Eine Änderung wirkt überall.
• Klare Struktur: Die Seite ist logisch aufgebaut. Das hilft Google, KI-Suchsystemen und eben auch Claude Code beim Lesen und Bearbeiten.

Genau dieser letzte Punkt macht V4 und MCP zu einem so guten Team. Eine KI kann eine klar strukturierte Seite viel zuverlässiger bauen und ändern als ein Geflecht aus verschachtelten Widgets mit hunderten Einstellungen.

Mein Workflow: Erst HTML, dann Elementor

Mein Ablauf hat fünf Schritte, und der wichtigste passiert, bevor Elementor überhaupt geöffnet wird. Ich lasse jede Website zuerst als HTML-Prototyp bauen. Erst wenn der passt, setzt Claude Code sie in Elementor um.

1. Briefing und Strategie. Wir sprechen über dein Angebot, deine Zielgruppe und das Ziel der Website. Daraus entstehen Seitenstruktur, Texte und die Frage, was ein Besucher am Ende tun soll: anrufen, buchen, anfragen.
2. HTML-Prototyp mit Claude. Auf Basis des Briefings lasse ich einen klickbaren Prototyp im Browser bauen. Du siehst echtes Design mit echten Texten, keine graue Skizze.
3. Feedback im Chat. Änderungen setze ich direkt im Prototyp um. „Der Button soll größer“, „die Referenzen weiter nach oben“, „bitte eine ruhigere Farbe“: Das dauert Minuten statt Tage. Wir drehen so lange, bis du sagst: Das ist es.
4. Umsetzung in Elementor per MCP. Jetzt kommt der Teil, den ich gern die Magie nenne. Claude Code überträgt den freigegebenen Prototyp über Elementor MCP in echte Elementor-Seiten im V4 Editor, mit globalen Farben, Schriften und Klassen. Auch Menüs und Blogbeiträge kann Claude direkt anlegen.
5. Feinschliff, Test und Launch. Ich prüfe jede Seite auf Desktop, Tablet und Smartphone, optimiere SEO und GEO, setze Weiterleitungen und rechtliche Seiten auf. Erst dann geht die Website live.

Warum der HTML-Prototyp so viel bringt

Designänderungen sind in HTML extrem schnell gemacht. Im Elementor-Editor kosten dieselben Änderungen viele Klicks. Indem wir alle Entscheidungen vorher im Prototyp treffen, wird Elementor nur einmal gebaut, und zwar richtig.

Wie gut das funktioniert, hat das Price Management Institute erlebt. Dort habe ich eine Landingpage auf Basis einer HTML-Vorlage aus Claude innerhalb von 24 Stunden in Elementor umgesetzt. Dr. Markus Husemann-Kopetzky hat das in seiner Bewertung auf meiner Startseite beschrieben.

Änderungen nach dem Launch: einfach im Chat

Auch nach dem Launch bleibt es einfach. Neue Seite für ein Angebot, ein zusätzlicher Menüpunkt, ein Abschnitt mit FAQs: Ich beschreibe es Claude Code, und es wird in Elementor umgesetzt. Du bekommst trotzdem eine ganz normale Elementor-Website. Wenn du willst, pflegst du Texte und Bilder weiterhin selbst im Editor.

Was sich für dich als Kunde verändert

Der größte Unterschied für dich: Du siehst deine Website früher, kannst mehr ausprobieren und wartest weniger. Der direkte Vergleich:

Die Vorteile im Überblick

• Schnellerer Launch: Weil der Bau in Elementor nicht mehr der Engpass ist, bist du deutlich früher online.
• Mehr Budget für das Wichtige: Zeit, die früher in Klickarbeit ging, fließt jetzt in Strategie, Texte und Sichtbarkeit.
• Bessere Ladezeiten: V4 und sauberes Markup sorgen für schnelle Seiten. Das wirkt sich positiv auf Nutzererlebnis und Rankings aus.
• Strukturiert für Google und KI: Klare Überschriften und sauberer Aufbau helfen dir in der klassischen Suche und bei Generative Engine Optimization, also der Sichtbarkeit in ChatGPT, Perplexity und den KI-Antworten von Google.
• Kein Lock-in: Du bekommst keine KI-Blackbox, sondern WordPress und Elementor. Jeder Elementor-Profi kann damit weiterarbeiten.

Die ehrlichen Grenzen: Was KI nicht ersetzt

KI macht mich schneller, aber sie entscheidet nicht, was auf deine Website gehört. Das ist mir wichtig, weil gerade viele Angebote nach dem Motto „Website in 5 Minuten mit KI“ unterwegs sind. Solche Seiten sehen oft austauschbar aus und verkaufen nicht.

Diese Dinge bleiben Handarbeit:

• Positionierung und Texte: Wer bist du, für wen, und warum sollte jemand gerade bei dir kaufen? Das kann keine KI für dich beantworten.
• Design-Entscheidungen: Claude setzt sehr gut um. Ob ein Layout zu deiner Marke passt, beurteile ich mit dir.
• Qualitätskontrolle: Jede Seite wird von mir geprüft. KI macht Fehler, zum Beispiel bei Abständen auf dem Smartphone oder bei der Überschriftenhierarchie.
• Sicherheit und Zugänge: Eine KI mit Schreibzugriff auf deine Website braucht klare Regeln. Ich arbeite mit Entwürfen, Backups und, wo sinnvoll, auf einer Staging-Umgebung.
• Technische Reife: Der V4 Editor und Elementor MCP sind neu und werden mit jeder Version erweitert. Nicht jede Funktion aus V3 gibt es schon atomic. Ich weiß, wo die Lücken sind, und kombiniere, wo nötig.

Meine Haltung dazu ist einfach: Die KI baut, ich entscheide. Deine Website bleibt individuell und handverlesen, sie entsteht nur deutlich schneller.

Für wen sich eine Website mit Elementor MCP lohnt

Am meisten profitierst du, wenn du schnell eine professionelle Website brauchst, sie aber trotzdem selbst pflegen willst. Typische Situationen aus meinen Projekten:

• Coaches und Berater, die eine neue Positionierung schnell online bringen wollen
• Selbstständige und kleine Unternehmen, deren alte Website langsam, veraltet oder kaum gepflegt ist
• Kampagnen und Produkteinführungen, für die eine Landingpage in Tagen statt Wochen stehen muss
• Bestehende Elementor-Websites, die auf V4 umgezogen und dabei aufgeräumt werden sollen
• Unternehmen, die regelmäßig neue Seiten oder Blogbeiträge brauchen und dafür keinen Editor-Marathon wollen

Weniger passend ist der Workflow, wenn du eine Website komplett selbst mit KI bauen willst, ohne dich mit Strategie und Inhalten zu beschäftigen. Dann bekommst du schnell eine Seite, aber selten eine, die Kunden gewinnt.

So startest du

1. Buche dir ein kostenloses Erstgespräch über Calendly. In 30 Minuten klären wir, was deine Website leisten soll.
2. Du bekommst von mir eine klare Einschätzung zu Umfang, Zeitrahmen und Festpreis.
3. Wir starten mit dem HTML-Prototyp, und du siehst deine neue Website schon nach kurzer Zeit im Browser.

Wenn es besonders schnell gehen soll, schau dir meine Landingpage in 48 Stunden für Coaches und Berater an. Genau dieser Workflow macht den Zeitrahmen möglich. Und damit deine Website danach in Google und in KI-Antworten sichtbar wird, findest du hier mehr zur GEO-Optimierung für Coaches und Berater.

Du willst lieber selbst lernen, wie du mit Elementor und KI arbeitest? Dann ist mein Elementor Coaching das Richtige für dich.

Häufige Fragen zu Elementor MCP und Websites mit KI

Was ist Elementor MCP?

Elementor MCP ist eine offizielle Schnittstelle von Elementor, über die KI-Tools wie Claude Code, Claude Desktop, Cursor oder Codex direkt Seiten in Elementor bauen und bearbeiten können. Sie basiert auf dem Model Context Protocol und der Abilities API von WordPress und ist seit Elementor 4.3 verfügbar.

Brauche ich für Elementor MCP Elementor Pro?

Für das offizielle Elementor MCP werden Elementor und Elementor Pro ab Version 4.3 sowie WordPress ab 6.8 vorausgesetzt. Wenn ich deine Website baue, kümmere ich mich um die Einrichtung.

Ist eine mit KI gebaute Elementor-Website eine echte Elementor-Website?

Ja. Claude Code legt über MCP ganz normale Elementor-Seiten an. Du kannst sie im Editor öffnen, Texte ändern und Bilder tauschen wie bei jeder anderen Elementor-Website.

Was ist der Elementor V4 Editor?

Der V4 Editor, auch Atomic Editor genannt, ist die neue Generation von Elementor. Er arbeitet mit schlanken Atomic Elements, globalen Klassen und Variablen. Seit Elementor 4.0 ist er bei neuen Websites standardmäßig aktiv und sorgt für saubereren Code und schnellere Ladezeiten.

Ist es sicher, einer KI Zugriff auf meine Website zu geben?

Mit klaren Regeln ja. Inhalte aus Elementor MCP werden als Entwurf gespeichert und nicht automatisch veröffentlicht. Ich arbeite außerdem mit Backups, eigenen Zugangsdaten für die Schnittstelle und prüfe jede Änderung, bevor sie live geht.

Wird meine Website dadurch günstiger?

Der Bau in Elementor geht deutlich schneller. Diese Zeit stecke ich bewusst in Strategie, Texte und SEO. Du bekommst also mehr Website für dein Budget oder bist schneller online. Den genauen Festpreis klären wir im Erstgespräch.

Kann ich meine bestehende Elementor-Website auf V4 umstellen lassen?

Ja. Bestehende Seiten werden nicht automatisch umgestellt. Ich prüfe deine Website, plane den Umstieg und baue die Seiten mit Claude Code und Elementor MCP neu im V4 Editor auf, inklusive Weiterleitungen, damit deine Rankings erhalten bleiben.

Kann Claude auch Menüs und Blogbeiträge anlegen?

Ja. Neben Seiten kann Claude Code auch Menüs erstellen und Blogbeiträge anlegen. Das spart vor allem bei größeren Websites und regelmäßigem Content viel Zeit.

Fazit: Schneller bauen, mehr Zeit für das, was verkauft

Elementor MCP, Claude Code und der V4 Editor verändern, wie ich Websites baue. Der Weg vom Entwurf zur fertigen Elementor-Seite ist kürzer geworden, die Seiten sind schneller und Änderungen gehen fast nebenbei. Was gleich bleibt: Eine gute Website entsteht aus Strategie, klaren Texten und sorgfältiger Prüfung. Genau darauf kann ich mich jetzt stärker konzentrieren.

Du willst sehen, wie deine Website mit diesem Workflow aussehen könnte? Dann buch dir einen kostenlosen 30-Minuten-Termin oder schreib mir an thomas@gress-marketing.de. Ich zeige dir gern live, wie aus einem Prototyp im Chat eine fertige Elementor-Seite wird.

Quellen

• Elementor: Offizielle Ankündigung Elementor MCP
• Elementor: Welches MCP für WordPress?
• Elementor 4.0 Beta: Atomic Editor als Standard für neue Websites
• Elementor Developers: Editor V4 und Atomic Elements
• webhosting.today: Elementor MCP und die WordPress Abilities API
• The Plus Addons: Build with Prompts vs. MCP (Voraussetzungen 4.3)