Landingpages - Teil 2: Definieren der Struktur auf Ihrer Landingpage

💡 Gut zu wissen
Landingpages sind im Rahmen von Business- und Enterprise-Plänen verfügbar.

In diesem Artikel erklären wir Ihnen, wie Sie Ihre Landingpage strukturieren. Sie können Ihre Landingpage strukturieren, indem Sie Seiten, Abschnitte und Elemente hinzufügen, verschieben, duplizieren und löschen.

Wir haben eine Reihe von Artikeln zusammengestellt, um Ihnen bei der Erstellung Ihrer Landingpages zu helfen. 

Gut zu wissen

Die Struktur des neuen Landingpage-Editors unterscheidet sich leicht von der des klassischen. Stellen Sie sicher, dass Sie den Abschnitt dieses Artikels lesen, der dem Landingpage-Editor entspricht, den Sie verwenden:

mceclip6.png

mceclip5.png

Neuer Landingpage-Editor

Klassischer Landingpage-Editor

Neuer Landingpage-Editor

Eine Landingpage besteht aus Seiten, Abschnitten und Elementen.

Seiten

Sie können weitere Seiten zu Ihrer Landingpage hinzufügen, zum Beispiel eine Danke-Seite, die Sie mit Ihrer Haupt-Landingpage verlinken können. Um eine neue Seite hinzuzufügen, klicken Sie im Menüfeld Seiten auf  + Eine neue Seite erstellen.

mceclip0.png

Lesen Sie den Artikel Unterseiten auf Ihrer Landingpage verwalten, um mehr über Unterseiten zu erfahren.

Abschnitte

Sie können Abschnitte zu einer Seite hinzufügen, um deren Inhalt zu organisieren, zum Beispiel einen Header-Abschnitt, einen Textkörper-Abschnitt und einen Footer-Abschnitt. Über die Menüfelder Abschnitte oder Layout können Sie einen Abschnitt zur Ihrer Seite hinzufügen. 

Sie können verschiedene Arten von Abschnitten zu Ihrem Entwurf hinzufügen:

mceclip1.png

  1. Sie können Einen leeren Abschnitt hinzufügen, um ihn von Grund auf zu personalisieren.
  2. Wir stellen Ihnen auch vorgefertigte Abschnitte zur Verfügung, mit denen Sie Ihre Landingpage aufbauen können:
    • Header
    • Cover
    • Vorteile
    • Features
    • Video
    • Social Proof
    • Call-to-Action
    • Team
    • Footer
    • Erfahrungsberichte
    • Formulare
    • FAQs
    • Funktionsweise
💡 Gut zu wissen
Alle neuen Abschnitte werden unten in Ihrem Entwurf angezeigt.

Einen Abschnitt umbenennen

Um einen Abschnitt Ihrer Landingpage umzubenennen, klicken Sie einen Abschnitt an und geben Sie einen Namen in das Feld Diesen Abschnitt benennen ein. Das Umbenennen der Abschnitte hilft Ihnen, einen guten Überblick über die Struktur Ihrer Landingpage zu erhalten.

mceclip2.png

Einen Abschnitt verschieben

Um Ihren Entwurf neu zu organisieren, können Sie die Abschnitte Ihrer Landingpage verschieben. Ziehen Sie den Abschnitt über das Menüfeld Layout an die gewünschte Position.

move_section.gif

💡 Gut zu wissen
Falls Sie nicht sicher sind, welchen Abschnitt Sie verschieben müssen, fahren Sie mit der Maus in der Liste über einen Abschnitt, um ihn in Ihrem Entwurf zu animieren.

Einen Abschnitt duplizieren

Um einen Abschnitt Ihrer Landingpage zu duplizieren und wiederzuverwenden:

  • Fahren Sie im Menüfeld "Layout" über einen Abschnitt und klicken Sie auf das Symbol ❏ Duplizieren.
    mceclip3.png
  • Klicken Sie in Ihrem Entwurf auf Abschnitt und wählen Sie das Symbol ❏ Abschnitt kopieren.
    mceclip4.png
💡 Gut zu wissen
Der duplizierte Abschnitte wird unten in Ihrem Entwurf angezeigt.

Einen Abschnitt austauschen

Um einen ganzen Abschnitt Ihres Entwurfs durch einen leeren oder vorgefertigten Abschnitt Ihrer Wahl zu ersetzen:

  1. Klicken Sie direkt in Ihrem Entwurf auf Abschnitt und wählen Sie das Symbol 🔁 Abschnitt austauschen.
    mceclip5.png
  2. Wählen Sie einen leeren oder vorgefertigten Abschnitt, um den bestehenden Abschnitt zu ersetzen.
💡 Gut zu wissen

Durch das Austauschen eines Abschnitts wird der gesamte Inhalt gelöscht. Diese Änderung kann nur über die Schaltfläche ⟲ Rückgängig machen rückgängig gemacht werden.

Einen Abschnitt löschen

Um einen Abschnitt aus Ihrer Landingpage zu löschen:

  • Wählen Sie direkt in Ihrem Entwurf ein Element aus und klicken Sie auf das Symbol 🗑️ Löschen.
    mceclip7.png
  • Klicken Sie in Ihrem Entwurf auf Abschnitt und wählen Sie das Symbol 🗑️ Abschnitt löschen aus.
    mceclip6.png

Elemente

Innerhalb eines Abschnitts können Sie Elemente hinzufügen, zum Beispiel Container, Text, Schaltflächen, Bilder, Videos, Trennelemente, Logos, Icons, Code oder ein Formular. Um mehr über die Art von Elementen zu erfahren, die für eine Landingpage zur Verfügung stehen, und ihre Einstellungen zu bearbeiten, lesen Sie Teil 3: Bearbeiten der Einstellungen aller Elemente Ihrer Landingpage.

Um ein Element zu einem Abschnitt hinzuzufügen, klicken Sie auf + Elemente und ziehen Sie das gewünschte Element in den Abschnitt.

add_elements.gif

Ein Element verschieben

Um Ihren Entwurf neu zu organisieren, können Sie die Elemente Ihrer Landingpage verschieben. Um ein Element zu verschieben, ziehen Sie es an die gewünschte Stelle auf Ihrer Landingpage.

move_element.gif

Die Größe eines Elements anpassen

Um die Größe eines Elements Ihrer Landingpage anzupassen:

  1. Fahren Sie mit der Maus über das Element, dessen Größe Sie anpassen möchten.
  2. Ziehen Sie das Element mithilfe der blauen unteren rechten Ecke auf die gewünschte Größe.

    resize_element.gif

Ein Element duplizieren

Um ein Element zu duplizieren und auf Ihrer Landingpage wiederzuverwenden, wählen Sie es aus und klicken Sie auf das Symbol ❏ Duplizieren.

mceclip8.png

Ein Element löschen

Um ein Element von Ihrer Landingpage zu löschen, wählen Sie es aus und klicken Sie auf das Symbol 🗑️ Löschen.

mceclip9.png

Klassischer Landingpage-Editor

Layout Ihrer Landingpage

Sehen wir uns an, wie eine mit unserem Builder erstellte Landingpage strukturiert ist. Hier ist die Struktur der Landingpage:

Abschnitt > Zeilen > Spalten > Elemente

Abschnitte

Jede Seite besteht aus Abschnitten, der Builder ist somit einfach zu verwenden und flexibel. Sie können beispielsweise einen Header-Abschnitt, einen Body-Abschnitt und einen Footer-Abschnitt verwenden.

Sie können zwischen zwei Arten von Abschnitten wählen und sie zu Ihrem Entwurf hinzufügen:

  1. Sie können Einen leeren Abschnitt hinzufügen, um ihn von Grund auf anzupassen.
  2. Wir stellen Ihnen außerdem vordefinierte Abschnitte zur Verfügung, die zu Ihrer Landingpage hinzugefügt werden können.
    mceclip10.png

Sie können die einzelnen Abschnitte umbenennen, um die Erstellung Ihrer Landingpage noch übersichtlicher zu machen. Klicken Sie hierzu einfach auf den Abschnitt und füllen Sie das Feld Diesen Abschnitt benennen im rechten Menü aus.

Sie können Abschnitte auch unter Abschnitte > Abschnitt X > ⚙️ benennen. Die Option zum Bearbeiten von Abschnitten wird rechts angezeigt.

Zeilen und Spalten

In einem Abschnitt befinden sich Zeilen, die in mehrere Spalten unterteilt werden können. 

Sie können Elemente wie Texte, Bilder, CTA-Schaltflächen, Trenner, Formulare, Icons, Videos, Logos und HTML-Code in die Spalten einfügen. Weitere Informationen finden Sie in unserer detaillierten Anleitung für die Verwendung des Page-Builders und von Elementen.

Hinzufügen eines Abschnitts, einer Spalte oder einer Zeile

Es gibt verschiedene Möglichkeiten, um Zeilen oder Abschnitte hinzuzufügen. Sie können dies direkt im Entwurf tun oder über das linke Menü (entweder Abschnitte oder Layout).

Hinzufügen eines Abschnitts, einer Spalte oder einer Zeile direkt über den Entwurf

  1. Fahren Sie mit Ihrer Maus über einen Abschnitt.
  2. Unter dem Abschnitt sehen Sie die Schaltfläche ZEILE ODER ABSCHNITT HINZUFÜGEN.
  3. Klicken Sie darauf, dann auf ZEILE HINZUFÜGEN oder ABSCHNITT HINZUFÜGEN.
    mceclip11.png
  4. Für Zeilen: Wählen Sie das Template für Ihre neue Zeile (bis zu 4 Spalten).
  5. Für Abschnitte: Das linke Menü öffnet sich und Sie können Einen leeren Abschnitt hinzufügen oder einen vordefinierten Abschnitt aus der Liste wählen. 
    Abschnitte können auch direkt über das Menü Abschnitte auf der linken Seite hinzugefügt werden und werden direkt über dem Footer-Abschnitt oder am Ende Ihres Entwurfs hinzugefügt, wenn Sie von Grund auf beginnen.
  6. Das war's!

Hier können Sie keine Spalten hinzufügen. Bitte lesen Sie den folgenden Abschnitt, um zu erfahren, wie Sie Spalten hinzufügen.

Hinzufügen eines Abschnitts, einer Spalte oder einer Zeile über das Layout-Menü

Sie können außerdem Abschnitte oder Zeilen direkt über das Layout-Menü hinzufügen, wenn Sie in der Struktur navigieren. In jedem Schritt sehen Sie entweder die Schaltfläche + Abschnitt hinzufügen,  Zeile hinzufügen oder + Spalte hinzufügen

mceclip12.png mceclip13.png mceclip14.png

Abschnitte, Zeilen, Spalten und Elemente verschieben

Nachdem Sie nun wissen, wie man Abschnitte, Zeilen und Spalten hinzufügt, möchten Sie diese während der Gestaltung Ihres Entwurfs vielleicht neu organisieren. Gehen Sie zum Layout-Menü, um Elemente zu verschieben.

Dort können Sie die verschiedenen Elemente einfach per Drag & Drop verschieben. Beispiel mit den Elementen in einer Spalte:

move_section_classic.gif

💡 Gut zu wissen
Der jeweilige Block in Ihrem Entwurf wird animiert, wenn Sie in der Liste über das Element fahren, falls Sie nicht sicher sind, welchen Abschnitt/welche Zeile/welche Spalte/welches Element Sie verschieben.

Abschnitte, Zeilen, Spalten und Elemente duplizieren oder löschen

Jedes Element Ihrer Landingpage kann dupliziert werden.

  • Sie können Abschnitte, Zeilen, Spalten und Elemente über das Layout-Menü duplizieren, indem Sie auf die Schaltfläche Duplizieren klicken, wenn Sie über das Element fahren.
  • Sie können einen Abschnitt oder ein Element auch über das Menü Bearbeiten auf der rechten Seite duplizieren, wenn Sie auf den Abschnitt oder das Element klicken. In der unteren rechten Ecke finden Sie die Option Duplizieren.
mceclip15.png mceclip16.png

Eine Seite hinzufügen

Um eine neue Seite hinzuzufügen, klicken Sie in der linken Seitenleiste auf die Registerkarte Seiten, dann auf die Schaltfläche + EINE LEERE SEITE HINZUFÜGEN. Hier erfahren Sie mehr über Unterseiten.

⏭️ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit dem richtigen zertifizierten Brevo-Expertenpartner zusammenbringen.

💬 War dieser Beitrag hilfreich?

2 von 6 fanden dies hilfreich