Auf diesem Bildschirm kannst Du das Aussehen und das Verhalten der Kopfzeile Deiner Webseite anpassen.

Header-Zeilen

In diesem Bereich kannst Du bis zu drei (3) Header-Zeilen anlegen, die übereinander dargestellt werden. Du kannst bei jeder Zeile das Design und den Inhalt bestimmen.

Design

  • Ausrichtung: Bestimme hier, wie die Elemente der Header-Zeile ausgerichtet werden sollen. Wenn Du unsicher bist, zeigt Dir eine kleine Grafik, was jede Einstellung bewirkt.
  • Aussehen: Hier kannst Du die Hintergrund- und Schriftfarbe für jede Zeile separat einstellen. Achte bitte darauf, dass die Texte gut lesbar sind.

Inhalt

In diesem Bereich kannst Du verschiedene Elemente frei anordnen, diese Elemente sind:

  • Logo: Das Logo Deiner Firma
  • Hauptnavigation: Die Navigation zu den wichtigsten Unterseiten
  • Suchmaske: Hier können Deine Kunden Inhalte suchen
  • Öffnungszeiten: Die Öffnungszeiten Deiner Firma. Wenn Du mehrere Standorte auf der Seite Firmen-Info eingetragen hast, kannst du aus den Firmen auswählen
  • Telefonnummer: Eine Telefonnummer, die Du auf der Seite Firmen-Infoeingetragen hast.
  • Freitext: Ein Textfeld für wichtige Hinweise.
  • Zusätzliche Navigationsleiste: Eine weitere Navigationsleiste
  • Pre-Header: Eine Liste mit wichtigen Links zu Unterseiten und einem optionalen Icon
  • Nutzermenü: Eine Navigationsleiste zum Ein- und Ausloggen

Du kannst für jedes Element, sowohl die Breite und zum Beispiel bei Menüs die Anordnung definieren. Wenn Du unsicher bist, zeigt Dir eine kleine Grafik, was jede Einstellung bewirkt.

Header-Logo

Hier kannst Du Dein Logo hochladen und es später in der Kopfzeile anzeigen lassen. Du hast hier zwei Optionen, wie Du Dein Logo einbinden kannst:

Bild

Mit dieser Einstellung kannst Du eine einfache Bilddatei hochladen und anzeigen lassen. Es kann je nach Größe aber sein, dass Dein Logo unscharf angezeigt wird.

SVG

Mit dieser Einstellung kannst du eine SVG (scalabe vector graphic) als Logo verwenden. Das sind Grafiken, die sich beliebig skalieren lassen ohne unscharf zu werden. Du kannst eine Vektorgrafik (zum Beispiel aus Adobe Illustrator) einfach als SVG exportieren und hier einfügen.

Header-Einstellungen

In diesem Bereich kannst Du grundsätzliche Einstellungen für die Kopfzeile Deiner Webseite vornehmen:

Header mitlaufend

Wenn Du möchtest, dass der Header immer am oberen Bildschirmrand mitläuft, dann stelle das hier ein.

Header an Raster anpassen

Standardmäßig wird die Kopfzeile immer über die ganze Bildschirmbreite angezeigt: Damit die Inhalte des Headers nur so breit sind, wie der restliche Seitenhinhalt nutze diese Einstellung.

Header ohne Hintergrund

Hier kannst Du einstellen, dass sich der Header über den Seitenanfang legt. Bitte stelle sicher, dass die Inhalte gut lesbar sind, wenn Du diese Einstellung wählst.

Globaler Call-to-Action

Ein Call-To-Action ist ein aufmerksamkeitsstarker Button, der Deine Webseitenbesucher dazu auffordert eine bestimmte Aktion durchzuführen. Zum Beispiel Kontakt aufzunehmen.

Der globale Call-To-Action (CTA) tauch auf Deiner Webseite immer rechts von der Hauptnavigation auf. Folgende Einstellungen kannst Du hier vornehmen:

Ziel

Hier kannst du eine beliebige Unterseite auswählen, die Deine Kunden erreichen, wenn Sie auf den Button klicken.

Text

Schreibe hier hinein, was Deine Besucher tun sollen. Zum Beispiel Jetzt Kontakt aufnehmen.

Hintergrund

Die Hintergrundfarbe des CTA kannst Du hier einstellen. Wenn Du dieses Feld leer lässt, wird der Button in Deiner Seitenfarbe dargestellt.

Wichtig: Du kannst den globalen CTA auf jeder Unterseite beliebig überschreiben.

Ich habe eine Frage zu brainbox

Hast du Fragen? Schreib uns:

Vor- und Nachname
Deine E-Mail Adresse
DSGVO-Zustimmung *