Das Herzstück der Onepage-Arbeitsoberfläche ist der Builder. Du nutzt ihn, wenn du eine neue Seite erstellst oder eine bestehende bearbeitest. Es lohnt sich daher, ihn genauer kennenzulernen und sich mit seiner Benutzeroberfläche vertraut zu machen.
Aktionen mit Abschnitten:
Ein Abschnitt ist ein vorgefertigter Block mit einer festgelegten Anzahl von Elementen. In Onepage baust du Seiten aus solchen Abschnitten auf. Die häufigste Aktion in Onepage ist das Hinzufügen und Anpassen von Abschnitten.
1. Die Reihenfolge ändern
Du kannst die Abschnitte ganz einfach per Ziehen (Drag & Drop) verschieben.
2. Den Abschnitt umbennen
Du kannst den Abschnitt per Doppelklick umbenennen und anschließend auf den Pfeil klicken, um die Änderung zu übernehmen.
3. Neue Abschnitte hinzufügen
Um einen neuen Abschnitt zu erstellen, klicke einfach auf "Abschnitt hinzufügen", wähle eine unserer Vorlagen aus oder erstelle den Abschnitt selber über den Reiter "Entwürfe".
Aktionen mit der Seite oder dem Projekt
Abgesehen von den Abschnitten kannst du im Onepage-Editor noch viele weitere Aktionen durchführen:
1. Zwischen Seiten wechseln
Klicke auf "Seiten" und navigiere innerhalb deiner Seite zu anderen Seiten.
2. Mediathek öffnen und Dateien verwalten
Klicke auf "Bibliothek", um neue Bilder hinzuzufügen, vorhandene zu löschen oder Ordner zu erstellen.
3. Designänderungen vornehmen
Klicke auf "Design", um Farben, Schriftarten, Buttons oder Formulare anzupassen.
Mehr dazu erfährst du auch in den folgenden Artikeln:
Farbpalette & Farbverlauf und Schriftart auswählen
📌 Hinweis: Die Designeinstellungen werden global auf das gesamte Projekt angewendet, um ein einheitliches Erscheinungsbild zu gewährleisten.
Das bedeutet: Wenn du Änderungen vornimmst, wirken sie sich automatisch auf alle Seiten des Projekts aus.
4. Custom Code einbinden
Klicke auf das Code-Element, um einen Code (wenn vorhanden) einzufügen, entweder für die aktuelle Seite (Page Code) oder für das gesamte Projekt, also alle Unterseiten (Site Code).
Du kannst auswählen, wo der Code eingefügt werden soll:
<head><body>Styles
5. Grundeinstellungen bearbeiten
Klicke auf "Einstellungen". Unter den Grundeinstellungen kannst du Folgendes festlegen:
Seitentitel: Der Name deiner Seite, zum Beispiel "Startseite".
Seitenadresse: Zum Beispiel
/für die Startseite oder/ueber-mich,/leistungenetc. für Unterseiten.Indexierung: Entscheide, ob die Seite von Suchmaschinen erfasst werden soll.
Bei "SEO" kannst du Seitenbeschreibung, Keywords, Alt-Texte und weitere Einstellungen für die Suchmaschinenoptimierung festlegen. Lies dazu gerne unseren Artikel: SEO (Suchmaschinenoptimierung) einrichten & optimieren
Zum Thema "Event tracken" empfehlen wir den Artikel: Conversion API einrichten
6. Unser AI-Widget verwenden
Klicke auf "AI-Widget", um unseren KI-Assistenten zu nutzen. Zum Erstellen neuer Seiten, Hinzufügen oder Überarbeiten von Abschnitten und vieles mehr.
📌 Hinweis: Für die Nutzung ist das Add-on "KI-Assistent" erforderlich.
Einen genauen Überblick darüber, was du mit der KI alles erstellen kannst, findest du im Artikel: Onepage KI-Assistent.
Übersicht der Editoroberfläche
Die Editoroberfläche besteht aus einer Leiste, die sich unten links befindet.
1. Veröffentlichen oder Update
Wenn deine Seite noch nicht veröffentlicht wurde, siehst du den blauen Button "Veröffentlichen".
Wenn du auf "Veröffentlichen" geklickt hast, wirst du gefragt, ob du deine Seite mit der hinterlegten Domain veröffentlichen möchtest oder zuvor deine eigene Domain verbinden willst, falls dies noch nicht geschehen ist.
Sobald deine eigene Domain verbunden wurde oder du deine Seite mit der Onepage-Domain verbinden möchtest, kannst du abschließend final auf "Veröffentlichen" klicken.
Ist deine Seite bereits online und du hast Änderungen vorgenommen, klicke auf "Update", damit deine Anpassungen online übernommen werden.
📌 Hinweis: Wenn du eine Seite bearbeitet hast und zwischendurch die Registerkarte geschlossen wurde oder deine Internetverbindung unterbrochen war, ist das kein Thema. Deine Änderungen werden automatisch gespeichert.
Solltest du deine Seite versehentlich veröffentlicht haben oder sie nicht mehr benötigen, kannst du sie jederzeit wieder offline nehmen.
Klicke dazu auf "Update" → "Offline schalten".
2. Ansicht wechseln
Über das Desktop-Icon kannst du während der Bearbeitung zwischen der Desktop- und der mobilen Ansicht wechseln. So hast du die Möglichkeit, Anpassungen direkt für die mobile Ansicht vorzunehmen.
📌 Hinweis: Änderungen werden standardmäßig auch für die Desktop-Ansicht übernommen.
Wenn du ausschließlich Anpassungen für Mobilgeräte vornehmen möchtest, empfehlen wir dir den Artikel: Deine Seite für mobile Geräte optimieren.
3. "Pro"-Modus und Neue UI aktivieren
Über das Anpassungs-Icon kannst du das Theme für den Editor auswählen. Zum Beispiel hell, dunkel, dunkel-violett etc.
Außerdem hast du hier die Möglichkeit, den "Pro"-Modus und die Neue UI zu aktivieren.
Was das genau bedeutet und welche Vorteile dir das bietet, erfährst du im Artikel:
Entdecke die Vorteile der neuen Benutzeroberfläche und des Pro Modes
4. AI-Widget nutzen
Beim Sternchen-Icon kannst du unseren KI-Assistenten nutzen. Zum Erstellen neuer Seiten, Hinzufügen oder Überarbeiten von Abschnitten und vieles mehr.
Für die Nutzung ist das Add-on "KI-Assistent" erforderlich.
Einen genauen Überblick darüber, was du mit der KI alles erstellen kannst, findest du im Artikel: Onepage KI-Assistent.
5. Änderungen zurücksetzen
Mit dem Rückgängig-Pfeil kannst du Änderungen ganz einfach zurücksetzen, zum Beispiel wenn du versehentlich einen Text oder Abschnitt gelöscht hast.
Wenn der Pfeil ausgegraut ist, hast du die Seite vermutlich schon verlassen oder neu geladen. In diesem Fall können Änderungen leider nicht mehr zurückgesetzt werden.
💡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. 🙂