CBK-B Footer
Wann wird die Komponente verwendet?
Der Footer ist ein Bereich am unteren Ende einer Webseite, der auf allen Seiten innerhalb einer Site gleich bleibt. Der Footer enthält wichtige Informationen und Verlinkungen wie beispielsweise Links zu einem Kontaktformular oder das Impressum. Durch die klare Struktur zu wichtigen Absprüngen, ermöglicht der Footer dem User einfach und schnellen Zugang zu essentiellen Informationen des Webauftritts.
Der Footer wird auf dem obersten Knotepunkt des Auftritts integriert und einmalig gepflegt, anschließend wird die Komponente automatisch auf allen Unterseiten weitervererbt.
Folgende Funktionen & Informationen soll ein Footer im Standard enthalten:
- Kontaktinformation (Firmenname, Adresse, Telefonnummer, E-Mail…)
- Rechtliche Hinweise bzw. Verlinkungen (Impressum, Datenschutz, AGB…)
- Copyright Hinweis (optional)
- Weitere Links zu wichtigen und/oder Informationen, welche nicht in der (oder ergänzend zur) Hauptnavigation sind (Über uns, Karriere, Kundendienst…)
- Optional Verlinkungen zu weiteren Auftritten/Touchpoints wie Social Media Icons (Instagram, LinkedIn, X / Twiter)
- Optional Appstore Icons (Verlinkung in Appstore)
Die Footer-Komponente kann nur auf oberster Ebene eines Auftritts hinzugefügt und gepflegt werden. Sollte eine Bearbeitung des Footers nicht möglich sein, sollte die Komponente eine Ebene über der derzeitigen Seite liegen.
Dialogfelder
Beispielhafte Integration eines leeren Footers auf der Website
Hier wird der Name des Webauftritts des Unternehmens eingetragen.
Die Jahreszahl wird nicht manuell festgelegt. Sie aktualisiert sich automatisch.
- Einfügen der Anzahl benötigter Seitenlinks
- Manuelles Verschieben der Positionen möglich
- Linkverhalten (intern/extern) einstellbar
- Einfügen der Social Media Links über Icons
- Passendes Icon wird automatisch zum ausgewählten Social-Media-Kanal wiedergegeben
- Verfügbare Social Media Kanäle
- X (ehemals Twitter, im Dropdown als Twitter gekennzeichnet)
- Youtube
- Snapchat
- TikTok
- Title muss ausgefüllt sein für Barrierefreiheit (Beispiel: Zum Facebook-Kanal von Coop)
- Target für Ziel-URL sollte für Social Media extern sein
- Manuelles Verschieben der Icons möglich
