Der Editor

Im Editor änderst du alles, was Besucher sehen: Texte, Bilder, Abschnitte, Seiten, Popups, Farben und Schriften. Du öffnest ihn über das Menü deiner Website (Editor) oder mit Bearbeiten auf einer Website-Karte in Meine Websites.

Der Editor funktioniert am besten am Computer. Auf Handy und Tablet zeigt er jeweils ein Panel: Wechsle mit Struktur, Vorschau und Bearbeiten unten am Bildschirm. Wählst du einen Abschnitt oder ein Element, öffnet sich Bearbeiten von selbst, und Veröffentlichen (die Rakete, vierte Schaltfläche unten) funktioniert in jedem davon.

Bei eingeschalteter KI bleibt auf dem Telefon nach dem Tippen auf einen Text die Vorschau offen und das KI-Feld erscheint unter dem Text; tippe darin auf Text bearbeiten, um den Text selbst zu schreiben.

Die drei Bereiche

Der Editor hat drei Spalten.

Links: Struktur und Einstellungen für die ganze Website

Oben gibt es vier Tabs:

Mitte: die Live-Vorschau

In der Mitte siehst du deine Website genau so, wie Besucher sie sehen werden, aktualisiert, während du tippst. Darüber liegt die Werkzeugleiste (unten beschrieben).

• Klicke auf einen Text in der Vorschau, um direkt zu seinem Feld rechts zu springen.
• Bei eingeschalteter KI öffnet sich direkt über dem angeklickten Text außerdem ein kleines KI-Feld (siehe KI für einen einzelnen Text weiter unten). Klicke woanders hin oder drücke Esc, um es zu schließen.
• Klicke auf ein Element (einen Button, ein Bild, eine Karte), um nur dieses Element auszuwählen.
• Klicke auf den Hintergrund eines Abschnitts, um den ganzen Abschnitt auszuwählen.
• Links und Formulare tun in der Vorschau nichts, du kannst also ganz unbesorgt klicken.

Rechts: Bearbeiten und Hinzufügen

Der rechte Bereich hat zwei Tabs:

• Bearbeiten zeigt die Einstellungen dessen, was gerade ausgewählt ist. Ist nichts ausgewählt, siehst du Nichts ausgewählt und einen Button Element hinzufügen.
• Hinzufügen ist die Bibliothek: Elemente, die du in die Vorschau ziehen kannst, Formulare, Popups und fertige Abschnitte. Siehe Abschnitte und Elemente.

Ist ein Abschnitt ausgewählt, hat Bearbeiten zwei Unter-Tabs:

• Inhalt: Texte, Bilder, Links und Listen.
• Aussehen: das Erscheinungsbild des Abschnitts (Hintergrund, Abstände, Ausrichtung, Hintergrundbild) und seine Abschnitts-ID.
• Abschnitte, Spalten und Elemente haben außerdem ein Feld Größe und Abstände (Breite, Höhe, Außen- und Innenabstand). Siehe Abschnitte und Elemente.

Der Schalter oben rechts bei einem ausgewählten Abschnitt schaltet ihn auf der Website ein oder aus.

Texte und Bilder bearbeiten

1. Klicke in der Vorschau auf den Text (oder wähle den Abschnitt aus und such das Feld rechts).
2. Tippe ins Feld. Die Vorschau aktualisiert sich sofort.
3. In einem Titel oder einer Hauptüberschrift fügt die Eingabetaste einen Zeilenumbruch ein.

Bilder: Klicke auf ein Bildfeld, um Bild auswählen zu öffnen. Ziehe Bilder ins Fenster oder klicke auf Hochladen (JPG, PNG, WebP, AVIF oder GIF, jeweils bis 10 MB) und klicke dann auf das gewünschte Bild. Du kannst auch eine Bildadresse, die mit https:// beginnt, unter Oder gib eine Bildadresse ein einfügen und auf Verwenden klicken.

Icons: Klicke auf ein Icon-Feld, um die Icon-Auswahl zu öffnen. Suche auf Englisch (video, camera, star…) oder klicke auf einen der Schnell-Tags.

Links: Link-Felder bieten dir eine Liste deiner Abschnitte, Seiten und Popups an. Wähl einen Eintrag aus oder füge einen Link wie https://…, mailto: oder tel: ein. Für einen Link zu einem Produkt aus deinem Shop gib die Adresse seiner Seite ein, zum Beispiel /product/mein-ebook.

Listen (Menü-Links, FAQ-Fragen, Leistungen, Kundenstimmen…): Klicke auf Element hinzufügen, um einen Eintrag hinzuzufügen, ziehe am Griff, um die Reihenfolge zu ändern, und nutze bei jedem Eintrag Duplizieren, Ausblenden oder Löschen.

Sprachen in Feldern

Hat deine Website mehr als eine Sprache, zeigt jedes Textfeld einen kleinen Sprachcode (zum Beispiel EN). Die Felder bearbeiten immer die Sprache, die gerade in der Vorschau angezeigt wird. Klicke auf den Code oder die Sprach-Buttons in der Werkzeugleiste, um zu wechseln. Fehlt in einem Feld die Übersetzung, steht dort Übersetzung fehlt: Besucher sehen den Text in der Hauptsprache. Siehe Sprachen.

KI für einen einzelnen Text

Wenn die KI der Plattform eingeschaltet ist, öffnet ein Klick auf einen Text in der Vorschau (Überschrift, Absatz, Button-Text, Kartentext, Zitat…) direkt darüber ein kleines KI-Feld, etwa halb so breit wie die Vorschau. Auf dem Telefon öffnet es sich unter dem Text, über die ganze Breite.

1. Schreibe, was du möchtest, zum Beispiel freundlicher oder erwähne den kostenlosen Versand. Das Feld wächst beim Schreiben mit. Drücke Enter zum Senden (Umschalt+Enter für eine neue Zeile) oder klicke auf einen Schnellbutton: Kürzer, Länger, Überzeugender, Einfacher, Grammatik korrigieren oder Übersetzen: … (einer für jede weitere Sprache der Website).
2. Während die KI schreibt, läuft eine dünne Linie über den oberen Rand des Feldes. Nur dieser eine Text ändert sich; der Rest der Seite bleibt, wie er ist.
3. Der neue Text erscheint in der Vorschau und in seinem Feld rechts. Klicke auf Rückgängig, um den alten Text zurückzuholen, oder auf Behalten, um das Feld zu schließen. Auch Strg+Z macht es später rückgängig.

Der Text wird in der Sprache umgeschrieben, die die Vorschau zeigt; die anderen Sprachen der Website, die diesen Text schon haben, werden angepasst, damit sie dasselbe sagen, und leere Übersetzungen bleiben leer (fülle sie mit Übersetzen: …). Jede Anfrage verbraucht ein paar KI-Credits, wie jede KI-Änderung. Wenn deine Credits aufgebraucht sind, sagt das Feld es dir und bietet KI-Credits holen an. Siehe KI-Assistent.

Das Feld schließt sich mit Esc, mit einem Klick daneben oder wenn du etwas anderes auswählst. Um es für ein ausgewähltes Element wieder zu öffnen, klicke in dessen Werkzeugleiste auf ✦ AI.

Speichern: automatische Entwürfe

Du musst nie auf „Speichern“ klicken. Jede Änderung wird etwa eine Sekunde, nachdem du aufgehört hast zu tippen, automatisch als Entwurf gespeichert.

Der Punkt in der Werkzeugleiste zeigt den Status (fahr mit der Maus darüber, um ihn zu lesen):

• grün: Gespeichert
• gelb: Änderungen… oder Speichere…
• rot: Fehler beim Speichern (prüfe deine Internetverbindung; eine Meldung erklärt, was schiefgelaufen ist)

Drücke Strg+S (Cmd+S auf dem Mac), um sofort zu speichern. Wenn du den Tab schließen willst, während noch eine Änderung gespeichert wird, bittet dich der Browser zu warten.

Entwurf und veröffentlichte Version

Der Entwurf ist nur für dich. Besucher sehen weiterhin die zuletzt veröffentlichte Version, bis du auf Veröffentlichen klickst.

So veröffentlichst du:

1. Klicke auf Veröffentlichen (oben rechts). Ein kleiner Punkt auf dem Button zeigt, dass es unveröffentlichte Änderungen gibt.
2. Gib bei Bedarf eine Kurze Notiz ein, zum Beispiel Neue Preise. So findest du diese Version später leichter wieder.
3. Klicke auf Jetzt veröffentlichen. Besucher sehen die neue Version sofort.

Das Menü ⋮ neben dem Speicherpunkt hat drei weitere Aktionen:

• Veröffentlichte Website öffnen: öffnet die aktuelle Seite der Live-Website in einem neuen Tab.
• Veröffentlichungsverlauf: jede Version, die du veröffentlicht hast. Klicke bei einer älteren auf Wiederherstellen, um sie in den Entwurf zu kopieren, im Editor zu prüfen und erneut zu veröffentlichen.
• Unveröffentlichte Änderungen verwerfen: verwirft den Entwurf und holt die veröffentlichte Version zurück.

In Meine Websites erinnert dich ein Badge Unveröffentlicht daran, dass eine Website Änderungen im Entwurf hat, die noch niemand sieht.

Rückgängig und Wiederholen

• Nutze die Pfeil-Buttons in der Werkzeugleiste oder drücke Strg+Z zum Rückgängigmachen und Strg+Umschalt+Z (oder Strg+Y) zum Wiederholen. Auf dem Mac nimmst du Cmd.
• Rückgängig funktioniert für alles: gelöschte Abschnitte, Seiten, Popups, KI-Änderungen.
• Solange dein Cursor in einem Textfeld steht, macht Strg+Z wie gewohnt das Tippen in diesem Feld rückgängig.

Tastenkürzel

Handys und Tablets prüfen

Mit den drei Icons links in der Werkzeugleiste siehst du die Website als Desktop, Tablet oder Telefon. Alle Websites passen sich automatisch an kleine Bildschirme an; trotzdem lohnt es sich, lange Überschriften und Bilder unter Telefon zu prüfen.

Die Werkzeugleiste auf einen Blick

Von links nach rechts:

1. Vorschau Desktop / Tablet / Telefon.
2. Sprach-Buttons (nur bei mehreren Sprachen) und KI-Übersetzung, wenn du eine andere Sprache als die Hauptsprache ansiehst.
3. Rückgängig und Wiederholen.
4. KI: Lass die KI den ausgewählten Abschnitt oder die ganze Seite ändern. Sie zeigt, wie viele Credits jede Bearbeitung verbraucht hat. Siehe KI-Assistent.
5. Der Punkt für den Speicherstatus.
6. Menü ⋮: veröffentlichte Website öffnen, Veröffentlichungsverlauf, Änderungen verwerfen.
7. Veröffentlichen.

Tipps

• Arbeite in kleinen Schritten und veröffentliche oft; jede Veröffentlichung wird im Verlauf gespeichert, du kannst also jederzeit zurück.
• Sieht nach einer großen Änderung etwas falsch aus, drücke ein paarmal Strg+Z oder nutze Unveröffentlichte Änderungen verwerfen.
• Ist dein Tarif oder deine Testphase abgelaufen, bleibt der Editor gesperrt, bis du einen Tarif wählst. Es geht nichts verloren.