Willkommen bei Onepage! Wenn du hier bist, hast du dich entschieden, deine Webseiten, Landingpages und Funnels schneller, moderner und flexibler aufzubauen als je zuvor.
In diesem ersten Guide geben wir dir einen Überblick über das Onepage-Ökosystem, unsere Philosophie und die Werkzeuge, die dir ab sofort zur Verfügung stehen. Dieser Artikel dient als dein erster Kompass, bevor wir in den folgenden Guides Schritt für Schritt gemeinsam deine Seite erstellen und veröffentlichen.
Die Philosophie: Warum Onepage?
Klassische Website-Builder sind oft starr, während reine KI-Code-Generatoren meist schwer zu bedienen sind und sich kaum an Kunden übergeben lassen.
Onepage vereint das Beste aus beiden Welten: Maximale Gestaltungsfreiheit durch KI gepaart mit der Sicherheit und Einfachheit eines visuellen No-Code-Editors.
Egal ob du von Grund auf neu startest, aus einer unserer Vorlagen wählst oder deine Inhalte mit KI generierst, am Ende behältst du immer die volle Kontrolle über dein Design, deine Formulare und deine Daten.
Die 3 Säulen von Onepage
Um mit Onepage erfolgreich zu sein, nutzt du drei kraftvolle Werkzeuge, die perfekt ineinandergreifen:
1. Der No-Code Editor (Visueller Baukasten)
Der visuelle Editor ist dein Fundament. Über intuitives Drag-and-Drop kannst du Sektionen anordnen, Farben und Schriften anpassen, Formulare einbinden und Elemente millimetergenau feintunen. Hier hast du die visuelle Kontrolle über dein Projekt.
2. Onepage KI (Vibe-Coding)
Mit unserer integrierten KI erstellst du per natürlicher Sprache (Prompts) in Sekundenschnelle komplette Seiten, einzelne Abschnitte, interaktive Rechner oder individuelle Animationen.
Der Vorteil gegenüber reinen KI-Generatoren: Jedes KI-generierte Element erhält eigene visuelle Bedienelemente. Du oder deine Kunden könnt Texte, Farben und Layouts danach ganz ohne Code-Kenntnisse im klassischen Editor weiterbearbeiten.
Eine Seite, erstellt von einem Onepage Community-Mitglied:
3. Der Onepage MCP Server (für Power-Users)
Das Model Context Protocol (MCP) ist wie ein „USB-C-Anschluss für KI“. Es ermöglicht dir, Onepage direkt mit deinen gewohnten externen KI-Assistenten (wie Claude Desktop, Cursor oder Slack) zu verbinden. Du steuerst Onepage, erstellst Seiten und verwaltest Inhalte direkt aus deinen bevorzugten KI-Tools heraus, und schonst gleichzeitig deine Onepage-KI-Credits.
Ein einfaches Beispiel: Du verknüpfst das KI-Tool Claude über MCP mit Onepage. Danach kannst du Claude direkt in deiner gewohnten Umgebung auffordern: "Erstelle mir eine Landingpage für ein Fitnessstudio in Onepage". Claude baut die Seite dann automatisch für dich direkt in deinem Onepage-Account auf, ganz ohne manuelles Kopieren und Einfügen!
Der Hybrid-Workflow: So baust du am schnellsten
Der effektivste Weg, eine neue Seite in Onepage zu erstellen, ist der Hybrid-Workflow:
Fundament mit KI gießen: Generiere das Grundlayout, Texte oder komplexe Sektionen mit dem KI-Builder (oder extern via MCP).
Mit No-Code verfeinern: Nutze den visuellen Editor, um das Design abzurunden, Branding-Farben anzupassen und Abschnitte perfekt anzuordnen.
Transparenz: So funktioniert das Onepage-System
Onepage ist ein flexibles Abonnement-System, das mit deinen Anforderungen wächst:
Haupt-Plan & AI Credits: In deinem Haupt-Plan ist bereits ein Paket an Onepage AI Credits enthalten, mit denen du Seiten, Sektionen und Texte per KI generieren kannst. Wenn du intensiver mit KI arbeitest, kannst du dein Credit-Paket jederzeit flexibel aufstocken.
Formulare & Funnels Add-on: Für erweiterte Lead-Generierung, komplexe Formulare und Funnel-Workflows kannst du deine Funktionen ganz einfach per Add-on erweitern.
Smart sparen via MCP: Nutzt du unser MCP (Model Context Protocol) mit eigenen KI-Tools wie Claude oder Cursor, laufen deine Anfragen über dein externes KI-Abo, deine Onepage AI Credits bleiben dadurch komplett unangetastet!
Dein Fahrplan zum Go-Live (Schritte 2 bis 10)
Dieses Onboarding ist in 8 kurze, aufeinander aufbauende Schritte unterteilt. Hier ist deine Roadmap für die nächsten Artikel:
Begriffe verstehen (Landingpage vs. Website), Vorbereitungs-Checkliste für Medien, Branding & Inhalte.
Projekte und Ordner im Dashboard übersichtlich organisieren sowie erweiterte Funktionen aktivieren.
Die Benutzeroberfläche des Onepage-Builders verstehen, Abschnitte verwalten und globale Einstellungen anpassen.
Sektionen gestalten, Designs feintunen & KI-Prompts nutzen.
Multi-Step Funnels aufbauen, Formular-Logik konfigurieren & Lead-Erfassung einrichten.
Onepage nahtlos mit externen KI-Assistenten (Claude, Cursor, Slack) zur Automatisierung verknüpfen.
Impressum & Datenschutz einbinden, Cookie-Banner konfigurieren & SEO/Favicon hinterlegen.
So verknüpfst du deine eigene Domain oder Subdomain erfolgreich mit Onepage.
Der finale Qualitätstest vor dem Go-Live.
Bist du bereit? Dann lass uns direkt mit Schritt 2 starten und deine Vorbereitung abschließen!
💡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. 🙂