Deine erste Landingpage bauen: Builder-Oberfläche, Sektionen, Spalten und Widgets

So erstellst du in wenigen Minuten deine erste Seite. Gehe zu Landing Page Builder → Landing Pages und klicke auf Neue Seite. Gib einen Titel ein - schon öffnet sich der visuelle Builder.

🧭 Die Builder-Oberfläche

Der Editor besteht aus drei Bereichen:

Links - Widgets: die Bausteinliste mit Suchfeld. Hier findest du auch die Ebenen (Layers) und die Vorlagen.
Mitte - Live-Vorschau: deine Seite, genau so, wie Besucher sie sehen. Oben schaltest du zwischen Desktop und Mobil um.
Rechts - Eigenschaften: das Einstellungs-Panel des gerade markierten Blocks (Inhalt, Stil und Layout).

🧱 Sektionen, Spalten und Widgets

Eine Seite baust du von grob nach fein auf:

Sektion: ein waagerechter Seitenabschnitt mit eigenem Hintergrund (Farbe, Verlauf oder Bild samt Overlay), Innenabständen und Ausrichtung.
Spalten: mit dem Row-Widget teilst du eine Sektion in Spalten (6 Layouts, Abstand, vertikale Ausrichtung, Stapeln auf dem Handy).
Widgets: die eigentlichen Inhalte - Überschrift, Text, Bild, Button, Formular und viele mehr.

🖱️ Drag & Drop und Bearbeiten

Einfügen: Zieh ein Widget aus der Palette direkt auf die Vorschau. Eine Einfügelinie zeigt dir, wo es landet.
Umsortieren: per Ziehgriff auf der Vorschau oder durch Ziehen im Ebenen-Panel.
Inline bearbeiten: Doppelklick auf Überschriften und Texte bearbeitet sie direkt an Ort und Stelle (Enter/Klick daneben bestätigt, Escape bricht ab).
Stil: Im Eigenschaften-Panel steuerst du Typografie, Farben, Abstände, Rahmen, Radius, Schatten und Animationen. Mit Stil kopieren/einfügen überträgst du das Aussehen auf andere Blöcke.

↩️ Sicher arbeiten

Der Builder merkt sich bis zu 60 Schritte: Rückgängig/Wiederherstellen per Toolbar oder mit Strg+Z bzw. Strg+Shift+Z. Ein stiller Autosave sichert regelmäßig, und du wirst gewarnt, wenn ungespeicherte Änderungen offen sind. Blöcke duplizierst du mit Strg+D, löschst mit der Entf-Taste.

🎨 Vorlagen als Startpunkt

Statt bei Null anzufangen, öffne die Vorlagen-Galerie. Die mitgelieferte Demo-Seite dient als fertige Starter-Vorlage - einfügen oder ganze Seite ersetzen. Eigene Seiten kannst du jederzeit als wiederverwendbare Vorlage speichern und sogar als JSON exportieren bzw. importieren.

Vergiss am Ende nicht auf Speichern zu klicken.