MCP-Integration im Onepage CMS: Der smarte Weg zum Blog
Die Einrichtung deines CMS über das Model Context Protocol (MCP) ist die schnellste Methode, um strukturierte Inhalte wie Blogs, Verzeichnisse oder Portfolios vollautomatisch zu erstellen.
Statt Sammlungen, Felder und Seiten manuell anzuklicken, verbindest du deine Website mit einer KI (wie Claude), die den gesamten Aufbau über einen einzigen Prompt für dich erledigt.
In dieser Anleitung nutzen wir Claude als praktisches Beispiel für die Umsetzung.
Vorbereitung: Onepage CMS Beta-MCP als Connector in Claude einbinden
Bevor du den Blog per Prompt generieren kannst, musst du die Onepage-Schnittstelle in Claude einrichten.
⚠️ Wichtig: Es handelt sich bei dem Onepage CMS Beta-MCP nicht um den regulären Onepage MCP, weswegen dieser neu angelegt werden muss.
MCP ist die Schnittstelle zwischen Onepage und externen KI-Assistenten und ermöglicht es, Seiten, Inhalte und Website-Strukturen direkt über diese Tools zu verwalten. Die detaillierte Erklärung zu MCP findest du in diesem Artikel.
A. Kurze Anleitung:
Öffne Claude und gehe in die Einstellungen zu den MCP- oder Connector-Verbindungen.
Füge einen neuen Custom Connector hinzu.
Trage die offizielle MCP-Server-URL von Onepage ein:
Logge dich in Onepage ein und erlaube den Zugriff im Pop-up („Allow“), um die Verbindung zu aktivieren.
B. Detaillierte Anleitung:
Hinweis: Bei der Erstellung einer Onepage-Website über MCP werden keine Onepage-KI-Credits verbraucht. Stattdessen nutzt du die Tokens des jeweiligen KI-Tools (z. B. ChatGPT, Claude oder Cursor), das mit Onepage verbunden ist.
Schritt 1
Öffne Claude.
Schritt 2
Klicke unten links auf dein Profil und gehe zu „Einstellungen“ → „Konnektoren“.
(Manchmal erscheint ein Pop-up-Fenster, in dem du aufgefordert wirst, einen benutzerdefinierten Connector hinzuzufügen. In diesem Fall kannst du das Fenster einfach schließen. Falls dieses Pop-up bei dir nicht erscheint, gehe direkt auf „Hinzufügen“, um nach Connectoren zu suchen.)
Hier findest du auch den direkten Link zu den Konnektoren: https://claude.ai/customize/connectors/directory
Schritt 3
Klicke auf der rechten Seite auf „Hinzufügen“.
Schritt 4
Benenne den MCP-Connector. Gib nun die HTTPS-Adresse **„https://beta-mcp.onepage.io/“** ein und klicke auf „Weiter”.
Schritt 5
Wir empfehlen die nachfolgenden Einstellungen bei Authentifizierung und OAuth-Client:
Klicke anschließend auf „Hinzufügen“.
Schritt 6
Nun ist es erforderlich, dass du dein Onepage-Konto mit Claude verbindest. Klicke dafür auf „Verbinden“.
Du wirst nun weitergeleitet und musst dich bei Onepage anmelden.
Nachdem du deine Onepage-Zugangsdaten erfolgreich eingegeben hast, wirst du automatisch zurück zu Claude weitergeleitet.
Dort erscheint die Meldung: „Claude möchte auf Ihr Konto zugreifen.“
Klicke nun auf „Zulassen“.
Schritt 7
Du kannst auf „Immer erlauben“ klicken, um die Berechtigung für alle Optionen zu erteilen.
Dadurch kann Claude mit Onepage arbeiten und eigenständig Websites erstellen, bearbeiten und verwalten.
Alternativ kannst du auch "Genehmigung erforderlich" auswählen und die Berechtigungen anschließend pro Chat erteilen.
So erstellst du einen Blog über MCP
Schritt 1: Claude mit einem Prompt starten
Statt Sammlungen, Felder und Seitentemplates manuell zusammenzuklicken, nutzt du die MCP-Schnittstelle, indem du Claude (z. B. in deiner Desktop-App) einen klaren Befehl gibst.
Praxisbeispiel-Prompt für Claude:
"Erstelle für mich über das Onepage-MCP einen vollständigen Blog für ein Reinigungsunternehmen in London. Ich benötige 5 Beispielbeiträge, eine Blog-Übersichtsseite sowie individuelle SEO-Einstellungen für jeden einzelnen Beitrag."
Schritt 2: Automatische Generierung durch Claude
Claude verarbeitet deine Anfrage im Hintergrund und setzt das Fundament für dein Projekt auf:
Sammlungen & Felder: Die passenden Datenstrukturen (z. B. Titel, Slug, Rich-Text, Beitragsbild) werden völlig automatisch angelegt.
Records (Inhalte): Die geforderten Testeinträge (die 5 Blogartikel) werden direkt mit sinnvollen Texten befüllt.
Seiten & Templates: Das System generiert die notwendige Übersichtsseite sowie das Seitentemplate und verknüpft alles fehlerfrei miteinander.
⚠️ Wichtiger Hinweis zu Claude-Links
Wenn du auf einen von Claude generierten beta.onepage.io-Link klickst, leitet dein Browser dich möglicherweise automatisch auf app.onepage.io weiter. In diesem Fall wird das CMS-Projekt nicht korrekt geladen.
Lösung: Überprüfe nach dem Klicken die Adresszeile deines Browsers. Falls sich der Link zu app.onepage.io ändert, ersetze app manuell durch beta (sodass dort beta.onepage.io/... steht) und drücke Enter. Der Editor lädt dein Projekt anschließend wie gewohnt.
Schritt 3: Visuelle Nachbearbeitung im Builder
Sobald Claude die Grundstruktur via MCP angelegt hat, kannst du wie gewohnt in den Onepage-Builder wechseln, um das Design nach deinen Wünschen anzupassen:
Übersichtsseite anpassen: Platziere ein CMS-Grid auf deiner Blog-Seite, um alle Artikel übersichtlich anzuzeigen. Alternativ kannst du Claude über MCP bitten, diese Anpassung für dich vorzunehmen.
Template verfeinern: Bearbeite die Design-Vorlage für die einzelnen Artikel, füge Elemente hinzu oder verknüpfe weitere dynamische Felder.
Praxis: Konkretes Anwendungsbeispiel
Hier siehst du einen weiteren, detaillierten Prompt, mit dem du Claude anweisen kannst, einen zielgerichteten Blog mitsamt spezifischen Feldern und Inhalten zu generieren:
Praxisbeispiel-Prompt für Claude:
"Erstelle einen Blog in Onepage mithilfe der CMS-Funktion. Erstelle zunächst ein neues Projekt. Lege eine Sammlung für Blogartikel mit den Feldern Titel, Slug, Beitragsbild, Autor, Kategorie, Veröffentlichungsdatum und Inhalt an. Erstelle anschließend 5 Beispielartikel zu den Themen Online-Marketing, Leadgenerierung und Landingpages und stelle sie in einer Blogübersicht mit individuellen Artikelseiten dar."
Ergebnis im Editor:
Ergebnis live auf der Website:
Vorteile der MCP-Nutzung gegenüber der manuellen Methode
Merkmal | Manuelle Einrichtung | MCP-Einrichtung (via Claude) |
Zeitaufwand | Mehrere Schritte (Sammlungen, Felder, Seiten manuell anlegen) | Ein einziger Prompt an Claude reicht aus |
Fehleranfälligkeit | Höher (Verknüpfungen müssen manuell geprüft werden) | Geringer (Die KI setzt die Logik automatisch korrekt auf) |
Einstieg | Erfordert das Durchklicken durch Menüs | Ideal für schnelle Tests und Sandbox-Projekte |
📌 Wichtiger Hinweis zur Beta-Phase:
Projekte, die du mit CMS-Funktionen (egal ob manuell oder via MCP) bearbeitest, öffnen sich bis zum offiziellen Release unter beta.onepage.io.
Verwende die Beta daher idealerweise nur für Testprojekte und noch nicht für laufende Live-Projekte mit Kunden.
Nächste Schritte
Probiere es direkt aus: Verbinde den Onepage-MCP in Claude, starte ein neues Testprojekt und teste, wie schnell du mit einem einzigen Befehl einen kompletten Blog generieren kannst!
Experimentiere anschließend mit weiteren Aufgaben: Lass Claude deine Blog-Übersicht anpassen, neue Artikel erstellen, bestehende Inhalte überarbeiten oder dein CMS erweitern. So kannst du Schritt für Schritt herausfinden, welche Aufgaben du mit Onepage MCP automatisieren und deutlich schneller erledigen kannst.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂