← Help Center

Navigation, Footer und Hero-Block der Website

Drei Blöcke, die fast jede Seite hat: Header mit Menü (Navigation), Footer der Website und Hero-Banner – 7 fertige Varianten.

Diese drei Blöcke sind nicht mit dem Shop verbunden – sie werden für jede Website benötigt, von der Landingpage bis zum mehrseitigen Portal. Für den Shop gibt es ein eigenes Pendant zum Header – siehe Shop-Blöcke → Shop Navbar.

Navigation und Footer der Website

Navigation – Header mit Menü

  • Site Name / Brand und Logo URL (leer – der Name wird als Text angezeigt);
  • Show site name next to logo – den Namen neben dem Logo anzeigen oder nur das Logo;
  • Menu links: From page tree (auto) – Menüpunkte werden automatisch aus den Seiten der Website erstellt (am einfachsten – wird beim Hinzufügen einer Seite nicht vergessen zu aktualisieren), oder Manual list – eine eigene Liste von Punkten mit beliebigen Links;
  • Navigation Links (wenn "Manual list" ausgewählt ist) – eine Liste von "Text / URL"-Paaren; ein Punkt kann verschachtelte Unterpunkte haben (eine Verschachtelung) – klappt beim Darüberfahren aus;
  • Show language switcher – Sprachumschalter für eine mehrsprachige Website;
  • CTA text / CTA URL – Call-to-Action-Button im Header (z.B. "Rückruf anfordern");
  • Sticky – der Header bleibt beim Scrollen sichtbar;
  • Scroll progress bar – ein dünner Fortschrittsbalken für das Lesen der Seite unter dem Header;
  • Hintergrund- und Textfarben.

Footer – Fußzeile der Website

  • Brand Name, Tagline (kurze Beschreibung unter dem Namen), Logo URL, Show site name;
  • Link Columns – mehrere Linkspalten, jede mit einem eigenen Titel (z.B. "Unternehmen", "Support");
  • Social Media – Social-Media-Icons (Facebook, Instagram, LinkedIn, X/Twitter, YouTube, Telegram, TikTok) mit Links;
  • Copyright Text – leer = automatische Zeile mit dem aktuellen Jahr;
  • Hintergrund- und Textfarben.

Hero – Hero-Banner

Der Hauptunterschied zum Shop Hero (Shop-Variante) sind 7 fertige Layout-Varianten:

| Variante | Beschreibung | |---|---| | Classic (image right) | Klassisch: Text links, Foto rechts | | Classic (image below) | Text zentriert, Foto unten | | Split (50/50) | Genaue Halbteilung | | Full-bleed | Foto bildschirmfüllend, Text darüber | | Typographic | Ohne Foto, großer Text | | Editorial | Asymmetrisches "Magazin"-Raster | | Minimal | Schmale zentrierte Spalte |

Weitere Felder: Title, Subtitle, primärer und sekundärer Call-to-Action-Button (jeweils Text+URL), Image (über die Mediathek), Image display – Foto seitlich/unten als Dekoration oder als Hintergrund für den gesamten Block; Image Overlay Darkness – Abdunklung des Fotos unter dem Text (0–1); Badge / Overline Text – kurze Beschriftung über der Überschrift; das Foto kann durch ein Videohintergrund (Link zu .mp4) ersetzt werden.

Weiterlesen