WordPress Footer bearbeiten 2026: Anleitung mit Astra & Elementor

Was gehört in den WordPress Footer 2026

Der Footer ist nach dem Header das wichtigste UI-Element jeder WordPress-Site. Er erscheint auf jeder Seite und ist die Default-Anlaufstelle für Pflicht-Links (Impressum, Datenschutz), Kontaktinformationen und sekundäre Navigation.

Footer-Aufbau 2026 für deutsche KMU-Sites:

1. Spalte 1 — Brand: Logo + Tagline + kurze Unternehmensbeschreibung
2. Spalte 2 — Kontakt: Adresse, Telefon, E-Mail
3. Spalte 3 — Navigation: Wichtigste Sub-Seiten (Leistungen, Preise, Blog)
4. Spalte 4 — Rechtliches: Impressum, Datenschutz, AGB, Widerrufsrecht, Cookie-Einstellungen
5. Bottom-Bar: Copyright-Hinweis, ggf. Brand-Claim

Methode 1: WordPress Customizer (Standard)

Der eingebaute Customizer ist die schnellste Variante. Im WP-Admin unter Design → Customize → Footer. Funktioniert mit jedem WordPress-Theme, aber Anpassungsmöglichkeiten variieren stark je nach Theme.

Schritt für Schritt:

1. WP-Admin → Design → Customize
2. Bereich „Footer“ oder „Fußzeile“ aufklappen
3. Spalten-Anzahl wählen (1, 2, 3 oder 4 Spalten)
4. Pro Spalte Widget hinzufügen: Text, Menü, HTML, etc.
5. Bottom-Bar: Copyright-Text anpassen
6. „Veröffentlichen“ klicken

Der Customizer ist gut für einfache Footer mit 1–4 Spalten Widgets. Für individuelle Layouts oder Custom-HTML-Blöcke ist er begrenzt — dann Methode 2 oder 3 nutzen.

Methode 2: Astra Header/Footer Builder

Astra Pro (59 €/Jahr) bringt den Header/Footer Builder mit. Drag-and-Drop-Editor mit Sektionen, Spalten und allen Astra-Widgets. Voller Kontrolle ohne Code.

Ablauf in Astra Pro:

1. WP-Admin → Erscheinungsbild → Astra Options → Header/Footer Builder
2. „Footer Builder“ auswählen
3. Above Footer / Primary Footer / Below Footer Sektionen verwalten
4. Pro Sektion Spalten konfigurieren (1–6 Spalten)
5. Widgets ziehen: Logo, Menü, Heading, Text, Social Icons, Copyright, Search
6. Styling pro Element: Farben, Typografie, Abstände, Border
7. Live-Vorschau im Customizer

Astra-Footer-Builder ist 2026 der schnellste Weg zu einem professionellen Footer. Setup-Zeit für KMU-Site: 15–30 Minuten.

Methode 3: Elementor Theme Builder

Elementor Pro (99 €/Jahr) hat einen Theme Builder mit Footer-Template-Funktion. Pixelgenauer Drag-and-Drop, alle Elementor-Widgets nutzbar. Mächtigste Variante 2026.

Setup:

1. Elementor → Templates → Theme Builder
2. „Footer“ auswählen, neues Template anlegen
3. Conditions setzen (auf welchen Seiten der Footer erscheint — meist „Entire Site“)
4. Editor öffnen, beliebige Sektionen, Spalten, Widgets
5. „Veröffentlichen“ mit Display Conditions

Elementor Theme Builder ist die richtige Wahl, wenn der Footer komplex oder pixel-genau sein soll. Animation, Hover-Effekte, dynamische Inhalte — alles möglich. Nachteil: Lizenz-Pflicht und etwas Lernkurve.

Methode 4: Code-Snippet im Child Theme

Wer Entwickler ist oder eine kostenlose Lösung will, kopiert die footer.php des Parent-Themes ins Child Theme und passt sie an. Volle Code-Kontrolle, keine Plugin-Abhängigkeit.

// Astra-Child footer.php — vereinfachtes Beispiel
<?php
do_action('astra_footer_before');
echo '<footer class="site-footer">';
 echo '<div class="footer-cols">';
 dynamic_sidebar('footer-widget-1');
 dynamic_sidebar('footer-widget-2');
 dynamic_sidebar('footer-widget-3');
 echo '</div>';
 echo '<div class="footer-copy">© '. date('Y').>

Wichtig: Sidebars müssen in functions.php registriert sein. register_sidebar(['id'=>'footer-widget-1','name'=>'Footer Spalte 1']).

Footer-Widgets und Sidebar

Alle Methoden basieren auf Widgets oder Builder-Elementen. Standard-Widgets 2026: Text-Widget, Menü-Widget, HTML-Block, Image-Widget, Social-Icons-Widget. Astra und Elementor bringen zusätzliche Widgets mit.

Empfohlene Widget-Verteilung KMU 4-Spalten-Footer:

1. Spalte 1 — Image/Logo: Brand-Logo + 2-Satz-Tagline
2. Spalte 2 — Custom HTML: Kontakt-Block mit Adresse, Telefon, E-Mail
3. Spalte 3 — Menu: Wichtigste Sub-Seiten als Nav
4. Spalte 4 — Menu: Rechtliches (Impressum, Datenschutz, etc.)

Copyright-Hinweis ändern

Der typische „© 2026 Mein Unternehmen“ steht meist im Bottom-Bar des Footers. Bei Astra: Customizer → Footer → Footer Bar → Copyright-Text. Bei Elementor: im Footer-Template das Text-Widget editieren. Im Code: echo '© '. date('Y'). ' Unternehmen'; sorgt für dynamisches Jahr.

„Powered by WordPress“ entfernen

Der Standard-Hinweis „Stolz präsentiert von WordPress“ stört bei professionellen Sites. Bei Astra: Customizer → Footer → Copyright-Text überschreiben. Bei Custom-Themes: footer.php bearbeiten oder per Filter:

add_filter('astra_footer_copyright', function() {
 return '© '. date('Y'). ' - Alle Rechte vorbehalten';
});

Footer mobile responsive

Auf Mobile sollten die 4 Spalten untereinander stapeln. Astra und Elementor machen das automatisch. Bei Custom-Code: CSS-Mediaquery setzen.

@media (max-width: 768px) {.footer-cols { grid-template-columns: 1fr !important; gap: 24px; }
}

Pflicht-Test 2026: Footer auf iPhone und Android prüfen. Kein Inhalt darf horizontal scrollen. Touch-Targets (Links) mindestens 44×44 px.

Pflicht-Links DSGVO & TTDSG

Im Footer müssen 2026 bestimmte Links sichtbar verlinkt sein, sonst drohen Abmahnungen. Mindestens vier: Impressum, Datenschutzerklärung, Cookie-Einstellungen, AGB (bei Verkauf).

Anforderungen 2026 für deutsche KMU:

1. Impressum: § 5 TMG-Pflicht. Direkt verlinkt, von jeder Seite max. 2 Klicks erreichbar
2. Datenschutzerklärung: DSGVO Art. 13. Inhalte über Tracking, Cookies, Daten-Verarbeitung
3. Cookie-Einstellungen / Widerruf: TTDSG. Link zum Wieder-Öffnen des Cookie-Banners
4. AGB / Widerrufsrecht: bei Verkaufs- oder Service-Sites

Footer-Design-Patterns 2026

Drei Footer-Patterns dominieren 2026: Mega-Footer (4–6 Spalten mit umfangreichen Sub-Menüs, üblich bei großen Sites), Minimal-Footer (1–2 Zeilen mit Pflicht-Links, üblich bei Landingpages), Brand-Footer (groß und visuell, oft mit Logo-Wall und Tagline).

Welches Pattern für welche Site:

1. Brochure-Site mit 5-8 Seiten: 3-4-Spalten-Mega-Footer mit Kontakt, Navigation, Rechtliches, Social Icons
2. Landingpage One-Pager: Minimal-Footer, 1 Zeile mit Impressum + Datenschutz + Copyright
3. Onlineshop: Mega-Footer mit Kategorien, Versand-Info, Zahlungsarten, Trust-Siegeln
4. Magazin / Blog: Mega-Footer mit Rubriken, Newsletter-Anmeldung, Most-Read-Posts

Conversion-Optimierung im Footer

Der Footer ist die letzte Conversion-Chance pro Seite. Wer scrollt bis ganz nach unten, ist meist sehr interessiert — und sollte einen klaren CTA finden.

Conversion-Boost-Elemente 2026:

1. Telefon-Button mit click-to-call
2. Mini-Kontaktformular (Name + E-Mail + Nachricht, 3 Felder)
3. Newsletter-Anmeldung mit Lead-Magnet
4. Trust-Badges (Trusted Shops, ProvenExpert, Google-Bewertungen)
5. Letzte-Chance-Angebot (10 % Rabatt nur über Footer-Anfrage)

Mehrsprachige Footer mit WPML

Bei WPML-Sites muss der Footer pro Sprache übersetzt werden. WPML String Translation erfasst alle Texte im Footer automatisch.

Workflow: WPML aktivieren, String Translation aktivieren, im Customizer den Footer-Text editieren — WPML erfasst die Texte automatisch und stellt sie zur Übersetzung bereit. Pro Sprache ein neuer Text, der dann je nach Site-Sprache ausgegeben wird.

Footer-Sticky vs. Standard-Footer

Ein Sticky-Footer bleibt immer sichtbar — auch wenn der Seiteninhalt kurz ist und nicht den ganzen Viewport füllt. Standard-Footer kann bei kurzen Seiten in der Mitte des Bildschirms enden. Bei modernen WordPress-Sites mit Astra ist Standard-Footer ausreichend; Sticky nur für spezielle UX-Cases.

CSS für Sticky-Footer:

body { display: flex; flex-direction: column; min-height: 100vh; }.site-content { flex: 1; }.site-footer { margin-top: auto; }

A/B-Tests für Footer-Optimierung

Profis testen den Footer 2026 mit A/B-Splittests. Variante A mit kompaktem 2-Spalten-Footer, Variante B mit ausführlichem 4-Spalten-Mega-Footer. Conversion-Tracking via Google Analytics 4 oder Plausible.

Tool-Empfehlungen 2026: Convert.com, Google Optimize ist seit September 2023 abgekündigt, alternativ Webvisor.com oder PostHog.

Footer-Backup und Versionskontrolle

Customizer-Footer-Einstellungen werden in der Datenbank gespeichert. Bei einem versehentlichen Reset gehen Anpassungen verloren. WordPress hat keine eingebaute Versionskontrolle für Customizer-Settings — Backup via UpdraftPlus ist Pflicht.

Für Profis: Footer-Code als PHP im Child Theme versionieren mit Git. So bleiben Änderungen nachvollziehbar, können per Branch getestet und per Pull-Request reviewt werden.

Footer-Performance optimieren

Schwer geladene Footer mit vielen Widgets, Lazy-Load-Bildern und Drittanbieter-Scripts (Social-Embeds, Maps) verlangsamen die Site. Pflicht-Optimierungen 2026: Social-Icons als SVG statt Font Awesome, Maps nur als Standbild mit Link, Newsletter-Form ohne externe Scripts.

Footer-Localization: Sprache, Währung, Zeitzone

Bei internationalen Sites zeigt der Footer typischerweise Sprachwähler, Währung und ggf. Zeitzone. WPML übernimmt Sprache und Währung; Zeitzone wird per Plugin (z. B. „WP Show Local Time“) oder JavaScript dynamisch ermittelt.739 €.

Footer-Inhalt nach Branchen

Verschiedene Branchen haben unterschiedliche Footer-Anforderungen. Anwaltskanzleien und Steuerberater brauchen Rechtsanwalt-Verzeichnis-Eintrag, Kammer-Zugehörigkeit und Versicherungs-Nachweis. Ärzte und Heilberufler benötigen Heilberufekammer-Hinweis und Berufsordnung-Link. Online-Shops müssen Widerrufsrecht, Versandkosten und Streitschlichtungs-Plattform der EU verlinken. Restaurants brauchen Speisekarten-Zertifikate, Allergen-Verordnung-Hinweis und Öffnungszeiten-Schema-Markup. Wer im Footer Branchen-spezifische Pflicht-Links vergisst, riskiert Abmahnungen — diese Links sind nicht optional, sondern gesetzlich vorgeschrieben.

Footer-Animation 2026: weniger ist mehr

Aufwendige Footer-Animationen waren 2023 ein Trend, sind 2026 aber abgekühlt. Performance-Gründe überwiegen. Ein Fade-In beim Scroll auf den Footer ist vertretbar, mehr nicht. Was funktioniert 2026: Sticky-Footer-CTA mit Pulse-Animation auf Mobile, Hover-Effekte auf Social-Icons. Was nicht mehr funktioniert: ganze Footer-Sektionen mit Lottie-Animationen, Background-Videos im Footer, animierte SVG-Pattern. Alles, was Render-Zeit kostet, verschlechtert Core Web Vitals. Statische Footer mit hoher Klarheit gewinnen 2026.

Accessibility-Anforderungen im Footer

Der Footer ist für die Barrierefreiheit (WCAG 2.1 AA) entscheidend. Pflicht 2026: ausreichender Kontrast (mindestens 4,5:1 für normalen Text), Touch-Targets mindestens 44×44 px, sichtbarer Fokus-Zustand bei Tastatur-Navigation, semantisches HTML5 mit <footer>-Tag, ARIA-Labels für Icon-Buttons. Wer den Footer nicht WCAG-konform baut, riskiert ab Juni 2025 (BFSG-Inkrafttreten in Deutschland) Klagen — und schließt nebenbei 10 Prozent aller Nutzer aus.

Häufige Fragen 2026

Kostenloses Angebot
☎ Jetzt anrufen