Landingpage

Header- und Footer-Einstellungen

  • Als Basis für alle Seiten dient die Landing page, die bereits im System enthalten ist. Dies ist die Standardseite, die als Erstes bei dem Besuch Ihrer Webseite angezeigt wird. Bevor Sie weitere Seiten erstellen können, müssen Sie Header- und Footer-Einstellungen in der Landingpage vornehmen.
  • Für die Bearbeitung klicken Sie im linken Menü auf "Inhalte > Seiten" (siehe 1). Klicken dann auf das Bearbeiten-Icon (siehe 2).
  • Im oberen Bereich können Sie einen Seitennamen vergeben, der dem Nutzer im Tab angezeigt wird. Ebenso können Sie SEO-Einstellungen vornehmen (momentan noch nicht aktiviert).
  • Um den Header und Footer anzupassen, klicken Sie auf die bereits angelegten Elemente (siehe 3 und 4).
     
  • Informationen zu den Header-Einstellungen finden Sie hier: Header.
  • Informationen zu den Footer-Einstellungen finden Sie hier: Footer.

Sind die Header- und Footer-Einstellungen vorgenommen, können Sie mit der Gestaltung der Landing Page und dem Einpflegen der Inhalte beginnen.

Gestaltung der Landing Page

  • Um eine Zeile hinzufügen, die Sie mit Inhalten füllen können, klicken Sie auf das Plus-Icon (siehe 1).

Die neu erstellte Inhaltszeile ist grau dargestellt, hier können über das Plus (siehe 2) neue Inhaltselemente, wie Text, Bilder, Icons, etc. hinzugefügt werden.

Pro Inhaltszeile können Sie folgende Einstellungen vornehmen:

a) Raster: Wählen Sie das Symbol mit den drei Linien aus, um den Aufbau der Inhaltszeile anzupassen. Die Inhaltszeile kann in zwei, drei oder vier Spalten unterteilt werden.

b) Duplizieren: Mit dieser Funktion können Sie eine Inhaltszeile duplizieren, das Element wird unterhalb eingefügt und kann dann beliebig angepasst werden.

c) Bearbeiten: Sie können den Hintergrund der Inhaltszeile hier festlegen. Ebenso können Sie einen Abstand festlegen (siehe CSS-Box Einstellungen).

d) Entfernen: Möchten Sie eine Inhaltszeile entfernen, klicken Sie auf das "x".

In diesem Beispiel fügen wir über das Plus (siehe 2) nun ein Inhaltselement hinzu:

    

  • In diesem Beispiel wählen wir das Inhaltselement "Seitenüberschrift".

Das Inhaltselement wurde nun eingefügt, mit einem Klick auf das Element können Sie dieses bearbeiten.

Wir fügen nun Text für unsere Überschrift ein:

Mit Klick auf "Vorschau" können Sie nun die Gestaltung der Seite anschauen:

Nach diesem Vorgehen können Sie die Seite weiter gestalten. Vergessen Sie nicht, die Einstellungen über den Speicher-Button (unten) zu speichern.

Anbei sehen Sie ein Beispiel für Aufbau einer Landingpage sowie das Ergebnis für den Endnutzer:

 

Seitenaufbau (Beispiel)

Ergebnis