Der visuelle Editor ist immer frei – er kostet keine KI-Aufgaben. Du wählst Elemente per Klick an und stellst Text, Farben, Abstände und Layout direkt ein, mit sofortiger Vorschau.
Element auswählen und ändern #
- In der Werkzeugleiste ⌖ Element auswählen aktivieren und in der Vorschau das gewünschte Element anklicken.
- Text änderst du direkt inline (siehe unten); für Gestaltung öffnest du die Stil-Box.
Text direkt bearbeiten #
Text änderst du direkt in der Vorschau – ohne KI, ohne Kontingent.
Bearbeiten starten: auf den Text doppelklicken – oder das Element auswählen und in der Werkzeugleiste auf den Stift Text bearbeiten klicken. Der Cursor sitzt an der angeklickten Stelle; dann tippst du.
- Enter übernimmt (Klick außerhalb ebenso).
- Esc verwirft.
- Umschalt+Enter fügt einen Zeilenumbruch ein.
Formatieren: sobald du Text markierst, erscheint die Leiste „Text formatieren":
- B – Fett (Ein/Aus)
- I – Kursiv (Ein/Aus)
- A – Farbe: öffnet den Farbwähler; die Farbe greift live, schon während du sie auswählst.
- ⌫ – Formatierung zurücksetzen (macht die Auswahl wieder zu schlichtem Text).
Links setzt oder änderst du nicht in dieser Leiste, sondern über den Knopf Link bearbeiten in der Element-Werkzeugleiste (bei Links und Text-Buttons) – dort trägst du Ziel und „in neuem Tab öffnen" ein.
Was nicht per Inline-Bearbeitung geht #
- Generierte Widgets (z. B. Google-Bewertungen, verwaltete Formulare) und generierte Rechtstexte sind geschützt – ihre Struktur baust du nicht inline um.
- Elemente mit mehr als reinem Text (Icon + Text, Bild + Text) sind nicht inline editierbar – der Stift führt dich dann zum KI-Chat mit bereits gesetztem Ziel.
- Struktur ändern (Elemente hinzufügen, verschieben, umsortieren) läuft über die Ebenen oder den KI-Chat, nicht über die Text-Bearbeitung.
Tipp: Für längere Textänderungen ist der KI-Chat schneller – z. B. „Ändere den Text im Abschnitt Leistungen zu …".
Die Stil-Box #
Die Einstellungen gelten je Bildschirmgröße – Desktop, Tablet (≤1024px) und Smartphone (≤640px); leere Felder werden von Desktop übernommen. Verfügbare Gruppen:
- Layout: Spalten, Ausrichtung (nebeneinander/untereinander), Abstand (Gap), Breite, Höhe.
- Abstände: Außen (Margin) und Innen (Padding), gekoppelt oder je Seite.
- Farben: Hintergrund (Farbe, Verlauf, Bild oder ohne), Textfarbe, Rahmenfarbe.
- Rahmen / Radius / Schrift / Schatten: Stärke und Stil, Eckenradius (eckig/leicht/rund/Kreis), Schriftart, Größe, Stil, Gewicht, Text- und Box-Schatten.
Mit Übernehmen speicherst du, Verwerfen verwirft, Alle Styles dieses Elements entfernen setzt das Element zurück. Farben deiner ganzen Website stellst du unter Einstellungen ein.
Verwandt #
- Struktur der Seite umordnen: Ebenen.
- Bausteine kopieren: Kopieren & Einfügen.