Kopfzeile (Header) hinzufügen
Öffne deine Website im Builder. Ganz oben im Canvas – über der ersten Sektion – siehst du den Knopf Header hinzufügen mit dem Zusatz „erscheint auf allen Seiten". Ein Klick öffnet die Vorlagen-Auswahl. Du hast elf fertige Layouts zur Wahl, vom Klassiker Standard (Logo links, Navigation und Button rechts) über Zentriert, Minimal und Dunkel bis zu SaaS (Login-Link plus Test-Button) und dem Marken-Verlauf in deiner Markenfarbe (ohne eigene Farbe Schwarz). Wenn du lieber bei null anfängst, wähl Leerer Header.
Der Header ist kein starrer Block: Er ist eine Sektion aus normalen Elementen. Das Logo ist eine Überschrift oder ein Bild, die Navigation ein Menü-Element, der Button ein Button. Alles bleibt einzeln anpassbar.
Header-Elemente bearbeiten
Klick im Canvas direkt auf das Element, das du ändern willst – auf das Logo, das Menü oder den Button. Es öffnet sich ein kleines lila Fenster, angedockt unter dem Header, mit genau den Optionen dieses Elements:
- Logo / Marke: zwischen Logo-Bild, Text oder „Keins" umschalten, Bild-Breite setzen, beim Text die Größe stufenlos in Pixeln einstellen (in der Tablet- bzw. Handy-Ansicht gilt der Wert nur für dieses Gerät), optional einen Link hinterlegen (meist „/" zur Startseite).
- Navigation: Quelle wählen (dazu unten mehr), Ausrichtung links/mittig/rechts, Abstand zwischen den Punkten, Schriftgröße, -stärke und -art.
- Button: dieselben Einstellungen wie beim Button-Modul. Je Button: Beschriftung, Ziel-Link (auch in neuem Tab), Stil (Gefüllt, Umrandet oder Text), eigene Farben und ein Icon links oder rechts. Für alle Buttons zusammen: Schriftgröße (S bis XL oder eigene), Schriftart und -stärke, Farben, Rundung, Rahmen mit Stil, Schatten sowie eine Animation beim Überfahren oder beim Laden.
Für die Leiste als Ganzes klickst du auf Header-Optionen (das Zahnrad-Fenster). Dort stellst du ein: Stil / Vorlage wählen (eine andere Vorlage übernehmen), Beim Scrollen – Fixiert lässt den Header beim Scrollen oben kleben, Statisch scrollt ihn mit weg –, die Höhe / den Innenabstand und den Hintergrund (oder bei Verlaufs-Vorlagen bleibt der Verlauf).
Fußzeile (Footer) hinzufügen
Scroll im Builder ganz nach unten. Unter der letzten Sektion findest du Fußzeile hinzufügen. Der Picker bietet sechs Vorlagen: Vier Spalten (Marke, Menü, Rechtliches, Kontakt – mit Copyright-Leiste), dieselbe Variante in Dunkel, Zentriert, Minimal, Marken-Verlauf und Mit Newsletter (Anmelde-Feld plus Links). Dazu Leere Fußzeile. Die Fußzeile landet immer als letzte Sektion und erscheint unten auf jeder Seite. Bearbeitet wird sie wie jede Sektion – du klickst die Spalten, Menüs und Texte einzeln an. Die Vorlage wechselst du über den kleinen Knopf Fußzeile · Vorlage an der Fußzeilen-Kennzeichnung.
Menüs anlegen und pflegen
Die Navigationspunkte pflegst du nicht direkt im Header-Element, sondern zentral im Menü-Bereich: Website-Einstellungen → Menüs (Adresse /studio/websites/…/menus). Aus dem Navigations-Fenster im Builder kommst du über Menüs verwalten / erstellen mit einem Klick dorthin – der Builder bleibt in seinem Tab offen.
Links legst du mit Neues Menü ein Menü an (etwa „Hauptmenü"). Rechts baust du die Einträge. Pro Eintrag setzt du eine Beschriftung (z. B. „Über uns"), einen Ziel-Typ – Seite (dann wählst du eine deiner Unterseiten aus der Liste) oder Externer Link (dann trägst du eine komplette Adresse wie https://… ein). Neue Einträge kommen über Eintrag hinzufügen dazu.
Sortieren und verschachteln: Zieh einen Eintrag am Griff nach oben oder unten, um die Reihenfolge zu ändern. Ziehst du einen Eintrag auf einen anderen, wird er zu dessen Unterpunkt – so entstehen Untermenüs. Alternativ nutzt du bei jedem Eintrag Unterpunkt hinzufügen oder die Pfeil-Knöpfe. Es sind bis zu drei Ebenen möglich (Punkt → Unterpunkt → Unter-Unterpunkt); tiefer geht bewusst nicht, weil die Menüleiste nur drei Ebenen darstellt. Alle Änderungen speichern sich automatisch – unten steht „Gespeichert ✓".
Menü mit dem Header verbinden
Zurück im Builder: Klick auf das Menü im Header, dann bei Quelle auf Menü wählen und dein Menü (z. B. „Hauptmenü") aus der Liste. Ab jetzt zeigt der Header dieses Menü inklusiver aller Untermenüs; neue Punkte pflegst du nur noch im Menü-Bereich. Willst du stattdessen feste Links direkt am Element, wähl Eigene Links und trag Beschriftung plus Ziel je Zeile ein. In der Fußzeile stellst du ein Menü meist auf Ausrichtung Vertikal, damit die Punkte untereinander stehen; im Header bleibt es horizontal, und Untermenüs klappen beim Überfahren auf. Unter Aufklapp-Menü legst du Stil und Ausrichtung der Punkte im Handy-Menü fest. Ohne eigene Wahl folgen die Punkte der Ausrichtung des Menüs selbst, das Feld zeigt sie an.
Header oder Fußzeile auf einer Seite ausblenden
Manchmal soll eine Landingpage ohne Kopf- oder Fußzeile auskommen. Öffne die Seiten-Einstellungen (Zahnrad neben der Seite) und setz das Häkchen bei Header auf dieser Seite ausblenden bzw. Fußzeile auf dieser Seite ausblenden. Schneller geht es direkt im Header-Optionen-Fenster über den Schalter Auf dieser Seite ausblenden. Alle anderen Seiten behalten Kopf und Fuß.
Häufige Fragen
Wie zeige ich eine Ankündigungsleiste über dem Header?
Im Baukasten unter Einstellungen, Bereich „Ankündigungsleiste“: „Leiste anzeigen“ einschalten und einen Text eintragen. Optional machst du sie mit einem Link ganz klickbar und wählst Hintergrund und Textfarbe – ohne eigene Textfarbe wählt BirdBuild automatisch eine gut lesbare. Dazu kommen Schriftgröße, Schriftstärke, Höhe (S/M/L), Ausrichtung (Mitte oder links), Großbuchstaben, ein Symbol vor dem Text, ein Knopf (mit Knopf-Beschriftung wird nur der Knopf verlinkt), „Schließen erlauben“ (Besucher blenden die Leiste mit dem Kreuz aus; sie bleibt geschlossen, bis du den Text änderst) und „Laufschrift“ (der Text läuft durch, beim Überfahren hält er an, bei „weniger Bewegung“ steht er still). Die Leiste erscheint sofort im Canvas über dem Header und nach dem Veröffentlichen auf allen Seiten, auch am Handy. Ohne Text erscheint sie auf der Website nicht.
Muss ich den Header auf jeder Seite neu anlegen?
Nein. Header und Fußzeile sind site-weit: Einmal gebaut, erscheinen sie automatisch auf allen Seiten. Änderst du das Logo oder ein Menü, wirkt das überall gleichzeitig. Nur wenn du eine Seite bewusst ausnimmst (Seiten-Einstellungen), fehlt der Header dort.
Wie bekomme ich Untermenüs (aufklappende Menüpunkte)?
Geh in Website-Einstellungen → Menüs und zieh im rechten Bereich einen Eintrag auf einen anderen – der gezogene wird dann zum Unterpunkt. Alternativ nutzt du beim übergeordneten Eintrag den Knopf „Unterpunkt hinzufügen“. Im Header klappt das Untermenü beim Überfahren mit der Maus auf. Es sind bis zu drei Ebenen möglich.
Was ist der Unterschied zwischen „Menü wählen“ und „Eigene Links“?
„Menü wählen“ zieht die Punkte aus einem zentralen Menü, das du unter Website-Einstellungen → Menüs pflegst – ideal, wenn dasselbe Menü an mehreren Stellen (Header und Footer) auftaucht, denn du änderst es nur einmal. „Eigene Links“ trägst du direkt am Navigations-Element ein; das ist schneller für ein paar feste Punkte, muss aber pro Element einzeln gepflegt werden.
Wie mache ich, dass der Header beim Scrollen oben stehen bleibt?
Klick im Canvas auf „Header-Optionen“ (das Zahnrad-Fenster über dem Header) und stell „Beim Scrollen“ auf „Fixiert“. Dann klebt die Leiste oben, während der Besucher scrollt. „Statisch“ lässt sie normal mit nach oben scrollen.
Kann ich die Vorlage später wechseln, ohne alles zu verlieren?
Ja. Über „Stil / Vorlage wählen“ im Header-Optionen-Fenster bzw. „Fußzeile · Vorlage“ an der Fußzeile öffnest du erneut den Vorlagen-Picker. Die neue Vorlage ersetzt das bisherige Layout; mit Rückgängig (Cmd/Strg+Z) stellst du den alten Stand wieder her, falls es doch nicht passt.
Wie verlinke ich einen Menüpunkt auf eine externe Website?
Setz beim Eintrag im Menü-Bereich den „Ziel-Typ“ auf „Externer Link“ und trag im Feld „Adresse (URL)“ die komplette Adresse ein, z. B. https://instagram.com/…. Für eigene Unterseiten wählst du stattdessen „Seite“ und pickst die Seite aus der Liste.
Mein Menü ist leer / zeigt keine Punkte – woran liegt das?
Prüfe zwei Dinge: Erstens, ob das Menü unter Website-Einstellungen → Menüs überhaupt Einträge hat (unten muss „Gespeichert ✓“ stehen). Zweitens, ob das Navigations-Element im Header wirklich auf „Menü wählen“ und dein Menü eingestellt ist und nicht versehentlich auf „Eigene Links“ ohne Einträge.
Wo stelle ich die Kopfzeile insgesamt ein?
Im Baukasten direkt über der Kopfzeile findest du die „Header-Optionen“. Dort wählst du die Vorlage, ob die Kopfzeile beim Scrollen mitwandert oder stehen bleibt, Höhe, Hintergrund und ob sie auf dieser Seite ausgeblendet wird. Für einzelne Seiten geht das auch über Seiten, Drei-Punkte-Menü, „Seiten-Einstellungen“ – dort lassen sich Header oder Fußzeile gezielt ausblenden.