Zum Hauptinhalt gehen

Landingpages - Teil 2: Definieren der Struktur auf Ihrer Landingpage

­čĺí Gut zu wissen
Landingpages sind im Rahmen von Business- und Enterprise-Pl├Ąnen verf├╝gbar (die alten Premium- und Enterprise-Pl├Ąne).

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:

mceclip1.png

mceclip0.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.

create_page-en_us.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:

add_section-en_us.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.

name_section-en_us.png

Einen Abschnitt verschieben

Um Ihren Entwurf neu zu organisieren, k├Ânnen Sie die Abschnitte Ihrer Landingpage verschieben. Um einen Abschnitt zu verschieben:

  • Ziehen Sie den Abschnitt ├╝ber das Men├╝feld Layout an die gew├╝nschte Position.
    move_section-en_us.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.
  • Klicken Sie direkt in Ihrem Entwurf auf die Auf- und Abw├Ąrtspfeile.
    move_section2-en_us.gif

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.
    mceclip15.png
  • Klicken Sie in Ihrem Entwurf auf Abschnitt und w├Ąhlen Sie das Symbol ÔŁĆ Abschnitt kopieren.
    copy_section-en_us.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.
    swap_section-en_us.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.
    mceclip14.png
  • Klicken Sie in Ihrem Entwurf auf Abschnitt und w├Ąhlen Sie das Symbol ­čŚĹ´ŞĆ Abschnitt l├Âschen aus.

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-en_us.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-en_us.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-en_us.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.

mceclip16.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.

mceclip17.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.
    Structure_1_EN.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.

Hier ist eine ├ťbersicht ├╝ber die Struktur, vom Layout ├╝ber die Abschnitte bis zu Zeilen und Spalten:

2020-11-06_16-30-15__1_.gif

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.
    LP_P5.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

LP_P4.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:

Drag_and_drop_structure_gif__1_.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.

LP_P6.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.