Landingpage

Willkommen bei der Landingpage-Anpassung! Als Basis für alle Seiten dient die Landing-Page, die automatisch beim ersten Aufruf erscheint. In diesem Leitfaden erfahren Sie, wie Sie diese optimal anpassen können. 

1. Header- und Footer-Einstellungen 

Um zur Landing Page zu gelangen, navigieren Sie zunächst im linken Menü zu „Inhalte > Seiten" (siehe 1) und klicken Sie anschließend auf das Bearbeiten-Symbol (siehe 2)). 

Im Bearbeitungsfenster der Landing Page haben Sie nun die Möglichkeit, den Seitennamen, die SEO-Einstellungen sowie Header und Footer einzustellen.

Gestaltung der Landing Page

Inhaltszeilen und -elemente hinzufügen

1. Klicken Sie auf das ➕ Plus-Symbol, um eine neue Zeile hinzuzufügen (siehe 1). 

1. Die neue Zeile erscheint grau (siehe 2). Über das zweite ➕ Plus fügen Sie Inhaltselemente wie Text, Bilder oder Icons hinzu.

1. Pro Inhaltszeile stehen Ihnen folgende Optionen zur Verfügung:
   1. Raster: Struktur mit 2–4 Spalten wählbar.
   2. Duplizieren: Zeile kopieren und weiterverwenden.
   3. Bearbeiten: Hintergrund & Abstände definieren 👉 CSS-Box Einstellungen ansehen
   4. Entfernen: Zeile löschen (🗑️ Symbol)
2. Mit einem Klick auf das Plus-Symbol können Sie das gewünschte Element für Ihre Seite auswählen (siehe 2). Zur Auswahl stehen unter anderem ein Bild-Slider, Google Maps, Seitenüberschrift oder Text-Block. In diesem Beispiel wählen wir das Inhaltselement „Seitenüberschrift". 
   
3. Beispiel: Überschrift hinzufügen
   • Über das Plus-Symbol fügen wir das Inhaltselement Seitenüberschrift hinzu.

   

   • Das Element lässt sich durch Anklicken direkt bearbeiten:

   

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

   

   • Mit einem Klick auf Vorschau 👁️ sehen Sie das Ergebnis live

   

   • Vorschau

💡 Tipp:

Nutzen Sie klare Strukturierungen, um die Benutzerführung zu verbessern. Durch Raster, Icons und Bearbeitungsfunktionen lässt sich Ihre Landing Page schnell und individuell gestalten.

📚 Weiterführende Links:

• Header bearbeiten
• Footer bearbeiten
• CSS-Box Einstellungen

Im Folgenden sehen Sie ein Beispiel für den Aufbau einer Landingpage und dessen Darstellung für den Endnutzer:

Seitenaufbau (Beispiel) 

Ergebnis ✨