Ich baue WordPress-Seiten schon seit rund 10 Jahren – für mich selbst und für Kunden. Seit Kurzem läuft ein gutes Stück dieser Arbeit komplett anders.
Über MCP (Model Context Protocol) kann Claude heute direkt in und auf WordPress arbeiten. Egal welches Setup du hast – Elementor, Divi, Gutenberg, WooCommerce, so gut wie jeder Page Builder funktioniert.
In diesem Beitrag zeige ich dir Schritt für Schritt, wie du Claude mit WordPress verbindest und was du damit alles machen kannst.
Was du dafür brauchst
Du brauchst drei Dinge:
- Eine WordPress-Webseite
- Novamira Pro (das Plugin, das deine Seite per MCP mit Claude verbindet)
- Claude Desktop
💡 Wichtig: Es muss wirklich die Pro-Version sein. Nur damit kommt Claude zuverlässig mit den ganzen Page Buildern und Plugins zurecht. Mit der kostenlosen Version kommst du hier nicht weit.
Novamira gibt’s aktuell auch als Lifetime-Deal für einmalig 249 € statt eines Jahresabos – für bis zu 1.000 Webseiten. 👉 Novamira Lifetime-Deal ansehen* 🎁 Mit dem Code ROBERT sparst du nochmal 10 % obendrauf. Wie lange der Deal noch läuft, weiß ich nicht – wenn du ernsthaft mit Novamira arbeiten willst, würde ich nicht zu lange warten.
Noch ein Punkt zu Claude Desktop: Novamira funktioniert nur mit der Desktop-Version, nicht mit der Web-App. Innerhalb von Claude Desktop kannst du dann aber frei wählen, ob du im normalen Chat, in Cowork oder in Claude Code arbeitest. Ich persönlich nutze am liebsten Cowork.
Claude mit WordPress verbinden (Schritt für Schritt)
💡 Kurz vorab: Damit die Verbindung über Claude Desktop läuft, sollte Node.js auf deinem Rechner installiert sein – eine kostenlose Laufzeitumgebung, über die solche Desktop-Konnektoren im Hintergrund gestartet werden. Falls noch nicht vorhanden, kannst du es kostenlos auf der offiziellen Webseite herunterladen: nodejs.org.
1. Novamira Pro herunterladen
Nachdem du dir Novamira Pro geholt hast, lädst du das Plugin herunter.
2. Plugin in WordPress hochladen
In WordPress gehst du zu Plugins → Plugin hinzufügen → Plugin hochladen und lädst die Datei hoch.
3. Kostenlose Basisversion mitinstallieren
Novamira Pro braucht zusätzlich die kostenlose Basisversion – die wird dir beim Setup automatisch mit angeboten, einfach mitinstallieren.
4. Novamira Pro Lizenz aktivieren
Nach der Installation aktivierst du deine Novamira-Pro-Lizenz mit dem Lizenzschlüssel aus deinem Novamira-Account. Erst danach stehen dir die vollen Pro-Funktionen zur Verfügung.
5. Novamira KI-Fähigkeiten aktivieren
Jetzt aktivierst du die KI-Fähigkeiten von Novamira („Turn on AI Abilities for this site“). Du bekommst dabei eine Warnung, dass Novamira nur für Entwicklungs- und Staging-Umgebungen gedacht ist. Ernst nehmen solltest du das trotzdem: Novamira selbst ist nicht unsicher, aber weil es wirklich alles auf deiner Seite verändern kann, brauchst du auf einer Live-Seite eine solide Backup-Strategie. Das gilt unabhängig davon, ob du mit KI oder manuell arbeitest – eine gute Backup-Routine solltest du sowieso haben.
6. Application Password generieren
Als Nächstes generierst du ein Application Password.
7. System wählen und MCP Bundle herunterladen
Du wählst dein System – in diesem Fall Claude Desktop – und lädst das MCP Bundle (MCPB) herunter.
8. Erweiterung in Claude Desktop installieren
In Claude Desktop gehst du zu Einstellungen → Erweiterungen → Erweiterte Einstellungen → Erweiterung installieren und wählst die heruntergeladene Datei per Doppelklick aus.
9. Claude Desktop neu starten
Jetzt startest du Claude Desktop komplett neu. Wichtig: nicht nur das Fenster schließen, sondern die App wirklich beenden.
10. Verbindung prüfen
Nach dem Neustart findest du die Verbindung unter Konnektoren – dort sollte Novamira jetzt aktiv sein.
Das war’s schon. Ab jetzt kannst du Claude einfach sagen, was er auf deiner Webseite machen soll.
👉 Eine ausführliche Anleitung mit allen Details – auch für andere Programme als Claude Desktop – findest du direkt in der Installationsanleitung von Novamira.
Was Claude jetzt alles auf deiner Webseite machen kann
Sobald die Verbindung steht, kann Claude ziemlich viel übernehmen:
- Eine komplett neue Seite erstellen
- Einen neuen Abschnitt auf einer bestehenden Seite hinzufügen
- Mehrere Seiten auf einmal anlegen
- Mit so gut wie jedem Page Builder arbeiten – Elementor, Bricks, Divi (inklusive Divi 5), Breakdance, WPBakery und einige mehr
- Mit Themes wie GeneratePress oder Kadence umgehen
- Custom Fields in Plugins wie ACF, JetEngine oder Meta Box anlegen und befüllen
- SEO-Einstellungen in Yoast oder Rank Math setzen
Das Team von Novamira betont, dass es mit nahezu jedem Setup, jeglichen Plugins, Themes und Page-Buildern funktioniert.
Meine Tipps und Erfahrungen aus der Praxis
Ich habe Novamira mittlerweile seit einigen Wochen im Einsatz und hatte bis jetzt keine Probleme. Ich habe damit schon eine komplette WordPress-Webseite von Grund auf mit Claude gebaut – meistens nutze ich es aber, um bei bestehenden Webseiten weitere Inhalte / Abschnitte / weitere Seiten hinzuzufügen.
Bestehende Seite erweitern
Willst du nur eine neue Seite oder einen neuen Abschnitt zu einer bestehenden Webseite hinzufügen, brauchst du kaum Anweisungen. Claude zieht sich das komplette bestehende Design automatisch raus – Branding-Farben, Schriftart, sogar deinen Schreibstil. Ganz ohne, dass du das irgendwo hinterlegen musst.
Bestehende Seiten auszubauen oder einzelne Sektionen zu bearbeiten, ist damit wirklich ein Kinderspiel.
Neue Webseite von Grund auf
Anders sieht’s aus, wenn du eine komplett neue Webseite von Grund auf erstellen willst. Hier habe ich die Erfahrung gemacht, dass das Ergebnis stark davon abhängt, wie viel Kontext du Claude von Anfang an mitgibst – ohne klare Vorgaben zu Marke, Stil und Struktur wird das Ergebnis schnell beliebig. Du solltest Claude also möglichst viele Infos zu Marke, Stil und Farben mitgeben. Je mehr Kontext, desto besser das Ergebnis.
Meine Strategie dabei: Ich gehe in Etappen vor, statt alles auf einmal zu verlangen.
Im ersten Schritt lasse ich mir nur das Grundgerüst der Seite anlegen – inklusive Markenfarben, Logo, Hauptmenü und Footer. Dabei sage ich Claude auch gleich, mit welchem Page Builder gearbeitet werden soll, bei mir ist das meistens Elementor.
Erst im zweiten Schritt geht’s ans Design und die Inhalte der ersten Seite – die dient dann quasi als Vorlage. Und erst wenn diese erste Seite passt, lasse ich die restlichen Seiten und Abschnitte im gleichen Stil umsetzen.
Hier ein reduziertes Beispiel für so einen Starter-Prompt, mit Platzhaltern:
Erstelle eine Webseite für [kurze Beschreibung: Unternehmen, Branche, Zielgruppe].
Nutze dafür Elementor als Page Builder.
Lege zuerst nur die Seiten an. Die Grundstruktur sollte so aufgebaut sein: [z. B. Startseite, Über uns, Leistungen, Kontakt].
Die Inhalte für die einzelnen Seiten erstellen wir im Anschluss gemeinsam.
Das Logo ist folgendes: [Logo hochladen].
Die Markenfarben sind: [Hex-Codes oder Farbbeschreibung, z. B. Primärfarbe, Sekundärfarbe].
Lege außerdem gleich das Hauptmenü an. Im Footer bitte ebenfalls das Logo einbauen sowie ein Footer-Menü mit Links zu Impressum und Datenschutz.Meine Zeitersparnis in der Praxis
Vor Kurzem hat mich ein Bestandskunde gefragt, ob ich seine bestehende Webseite um zwei neue Seiten ergänze sowie ein paar Sektionen auf den bestehenden Seiten überarbeite. Eingeplant hatte ich dafür 5 bis 7 Stunden.
Umgesetzt war das Ganze dank Claude und Novamira dann in unter 40 Minuten.
Also um ein Vielfaches schneller als geplant – und das bei einem realen Kundenprojekt, nicht nur in der Theorie!
Um keine falschen Erwartungen zu erzeugen: Diese ca. 40 Minuten beziehen sich wirklich auf meine aktive Arbeitszeit – Claude benötigt für die Umsetzung dann auch immer eine gewisse Zeit (je nach Komplexität). Der gesamte Prozess hat insgesamt also schon etwas länger gedauert.
Mein Fazit
Claude direkt in WordPress arbeiten zu lassen, spart mir mittlerweile enorm viel Zeit – bei eigenen Projekten genauso wie bei Kundenarbeiten. Die Einrichtung dauert einmalig ein paar Minuten, danach läuft’s.
Wenn du wissen willst, was Novamira sonst noch kann, welche Page Builder im Detail unterstützt werden und wie die Preise im Vergleich aussehen, findest du alle Details in meinem Novamira Testbericht.
