Wie verwendet man Sektionen im Landing Page Editor?

Sektionen sind eine großartige Möglichkeit, den Inhalt Ihrer Seite zu organisieren. Sie können sich eine Sektion als einen Container vorstellen, der Elemente gruppiert. Wenn Sie Elemente wie Buttons, Beschriftungen oder Bilder gruppieren, können Sie sie mit einem einzigen Klick verschieben oder löschen.

Sektionen haben zwei Hauptfunktionen:

  • Sie organisieren Elemente in logische Gruppen.
  • Sie ermöglichen eine einfache Verwaltung Ihres Inhalts.

Die meisten unserer Landing Page-Vorlagen bestehen aus Sektionen. Sie können Ihrer Vorlage auch zusätzliche Sektionen hinzufügen.

Wie fügt man eine Sektion zu Ihrer Landing Page hinzu?

  1. Klicken Sie im Landing Page Editor auf die Schaltfläche Elemente hinzufügen.



  2. Ziehen Sie das Sektion-Element und legen Sie es auf Ihrer Seite ab.



  3. Wählen Sie eine der Vorlagen aus der Sektionen-Bibliothek aus oder klicken Sie auf + Leere Sektion hinzufügen, um eine leere Sektion zu verwenden.



Wie man eine Sektion an eine andere Stelle der Seite verschiebt

  1. Bewegen Sie den Mauszeiger über einen leeren Bereich der Sektion, die Sie verschieben möchten, um eine blaue Symbolleiste auf der rechten Seite zu sehen.
  2. Klicken Sie auf das Verschieben-Symbol und halten Sie es gedrückt, um Ihre Sektion nach oben und unten zu ziehen.


  3. Lassen Sie es dort ab, wo Sie es ablegen möchten.

Wie man eine Sektion innerhalb der Seite kopiert (dupliziert)

  1. Bewegen Sie den Mauszeiger über einen leeren Bereich der Sektion, um eine blaue Symbolleiste auf der rechten Seite zu sehen.
  2. Klicken Sie auf das Kopieren-Symbol, um es zu duplizieren.


    Die kopierte Sektion wird unter der aktuellen Sektion hinzugefügt.

Wie man eine Sektion löscht

  1. Bewegen Sie den Mauszeiger über einen leeren Bereich der Sektion, die Sie verschieben möchten, um eine blaue Symbolleiste auf der rechten Seite zu sehen.
  2. Klicken Sie auf das Papierkorb-Symbol, um es zu entfernen.

Wie man eine Sektion speichert und wiederverwendet

  1. Bewegen Sie den Mauszeiger über einen leeren Bereich der Sektion, die Sie speichern möchten, um eine blaue Symbolleiste auf der rechten Seite zu sehen.
  2. Klicken Sie auf das Disketten-Symbol, um es zu speichern.



  3. Fügen Sie einen Namen hinzu und klicken Sie auf die Schaltfläche Speichern.
  4. Alle Ihre gespeicherten Blöcke und Sektionen können Sie im Landing Page Editor unter Elemente hinzufügen > Meine Blöcke finden.

Schritte für Legacy Landing Pages

Wie arbeite ich mit Sektionen

Um eine zusätzliche Sektion hinzuzufügen, ziehen Sie das Symbol aus der Symbolleiste in den Arbeitsbereich.

Section icon.

Um die Handhabung zu erleichtern, haben wir eine Sektion-Hervorhebung eingeführt. Jedes Mal, wenn Sie eine Sektion verschieben, werden die benachbarten Sektionen hervorgehoben. Die Hervorhebung funktioniert auch, wenn Sie ein Element innerhalb einer Sektion platzieren möchten.

Sie können Sektionen auf der Seite nach oben und unten verschieben. Dafür gibt es zwei Möglichkeiten:

  • Verwenden Sie die Verschiebesteuerung (sie wird sichtbar, nachdem Sie auf einen leeren Bereich der Sektion geklickt haben).
Section controls.
  • Klicken und ziehen Sie einen Sektionbereich.

Sie können auch die Höhe jeder Sektion ändern. Dazu greifen Sie die Steuerung am unteren Rand der Sektion und bewegen sie nach oben oder unten.

Section height control.

Beachten Sie, dass dies für alle Sektionen gleich funktioniert, auch für die ganz unten auf Ihrer Seite.

Wie kann ich eine Sektion duplizieren?

Um eine Sektion zu duplizieren, klicken Sie auf einen leeren Bereich der Sektion und klicken Sie dann oben in der Symbolleiste auf das kleine + Symbol. Ihre kopierte Sektion wird unter der ursprünglichen Sektion platziert.

Wie kann ich Sektionen mit Links verbinden?

Sie können klickbare Elemente – Buttons, Bilder und Text – verwenden, um zwischen Sektionen zu verlinken. Die Elemente fungieren als Ankerlinks. Sie bringen Besucher zu einem bestimmten Punkt auf Ihrer Landing Page. Sie können diese Funktion zum Beispiel nutzen, um Text zu verlinken mit einem Anmeldeformular am unteren Ende Ihrer Seite. Oder, um Buttons am unteren Rand Ihrer Seite mit einem Formular am oberen Rand zu verknüpfen.

Erstellen Sie einen Link, der Ihnen hilft, die Besucher zum wichtigsten Teil Ihrer Landing Page zu führen. Verlinken Sie zum Beispiel einen Button in der letzten Sektion mit einem Anmeldeformular in der ersten Sektion. Wenn Sie dies tun, erleichtern Sie Ihren Besuchern die Anmeldung. Sie müssen nicht wieder nach oben scrollen und das Formular suchen.

Sie können eine unserer Vorlagen verwenden, wie zum Beispiel Active Gym und Fitness Journey, die bereits verlinkte Elemente enthalten (und es werden noch mehr hinzukommen). Sie können auch eine andere Vorlage auswählen und Ihre eigenen Elemente wählen. Verlinken Sie diese dann auf eine Weise, die am besten zu Ihren Bedürfnissen passt. Um dies zu tun:

  1. Wählen Sie das klickbare Element aus, das Sie mit Ihrem Formular verlinken möchten, und ziehen Sie es in eine Sektion.
  2. Doppelklicken Sie auf das Element, um die Bearbeitungsleiste zu öffnen.
A bar for editing clickable elements.

3. Klicken Sie auf das Link-Symbol in der Leiste, um die Optionen anzuzeigen.

Link icon.

4. Wählen Sie bei Typ die Option Abschnitt. Wählen Sie dann den Abschnitt aus, zu dem das Element verlinken soll (das ist der Abschnitt, in dem sich Ihr Formular befindet).

5. Klicken Sie OK.

Sie können die Landing Page jetzt veröffentlichen oder weiter bearbeiten. Wenn Sie Abschnitte verschieben, werden die Element-Einstellungen dynamisch aktualisiert. Sie „reagieren“ auf die Änderungen, die Sie vornehmen, und verlinken zum Abschnitt an seiner neuen Position. Das bedeutet, dass sich die Abschnittsnummer im Button-Editor automatisch ändert. Sie müssen keine Änderungen mehr vornehmen.

Wenn Sie die Seite veröffentlichen und die Besucher auf den Button klicken, wird die Seite zu dem Abschnitt gescrollt, der das Formular enthält.

Hinweis: Diese Funktion bewegt Sie nicht zwischen den Abschnitten, solange Sie sich noch im Editor befinden. Um sie zu sehen, müssen Sie die Seite veröffentlichen.

Kann ich Tastaturkurzbefehle im Landing Page Editor verwenden

Es gibt eine Reihe von Mac- und PC-Tastenkürzeln, die Ihnen helfen können, das Bearbeiten der Landing Page schneller abzuschließen.

  • Drücken Sie CMD/CTRL+S, um Änderungen zu speichern
  • Drücken Sie CMD/CTRL+D, um ein oder mehrere ausgewählte Elemente oder einen Abschnitt zu duplizieren
  • Drücken Sie CMD/CTRL+C, um ein oder mehrere ausgewählte Elemente oder einen Abschnitt zu kopieren
  • Drücken Sie CMD/CTRL+V, um ein oder mehrere ausgewählte Elemente einzufügen
  • Drücken Sie CMD/CTRL + linke Maustaste, um mehrere Elemente auszuwählen
  • Drücken Sie CMD/CTRL+Z, um eine Aktion rückgängig zu machen
  • Drücken Sie SHIFT+CMD/CTRL+Z, um eine Aktion wiederherzustellen
  • Drücken Sie CMD/CTRL+O, um das mobile Layout zu optimieren (nur im mobilen Arbeitsbereich)
  • Drücken Sie die Pfeiltasten UP, DOWN, LEFT, RIGHT, um ein ausgewähltes Element um 1 px zu verschieben
  • Drücken Sie SHIFT+Pfeiltaste UP, DOWN, LEFT, RIGHT, um ein ausgewähltes Element um 10 px zu verschieben
  • Drücken Sie BACKSPACE, um ein Element zu entfernen

Verwandte Artikel

Beliebte Ratgeber