Webflow Trick: Jahreszahl im Footer automatisch ändern

Kurz vorweg

Ich saß letztens an einem Kundenprojekt und bin ganz nebenbei über die Fußzeile gestolpert. Da stand noch groß und breit 2025, mitten im August 2026. Kein Weltuntergang, aber genau die Art Kleinigkeit, die ich nicht mag, wenn sie mir selbst oder meinen Kundinnen passiert.

Deshalb zeig ich dir heute einen kleinen Custom-Code-Trick, mit dem sich die Jahreszahl auf deiner Website ab sofort von ganz allein aktualisiert. Einmal einbauen, nie wieder anfassen, auch nicht nächsten Januar.

Das Problem mit der veralteten Jahreszahl im Footer

Versetz dich einmal in die Situation einer Besucherin, die zum ersten Mal auf deiner Webseite landet. Sie scrollt bis ganz nach unten, vielleicht auf der Suche nach deinem Impressum oder deinen Kontaktdaten, und sieht dort in der Copyright-Zeile eine Jahreszahl, die längst nicht mehr stimmt. Für dich als Betreiberin ist das eine Kleinigkeit, die du wahrscheinlich seit Monaten nicht mehr angeschaut hast. Für die Besucherin ist es ein kleiner, aber echter Vertrauensbruch. Ihr Kopf zieht in Sekundenbruchteilen den Schluss: Diese Seite wird nicht gepflegt, vielleicht ist das Angebot gar nicht mehr aktuell.

Der Grund, warum das so oft passiert, ist simpel. Die Jahreszahl steht meistens ganz unten in der Fußzeile, an einer Stelle, die man selbst beim täglichen Arbeiten an der eigenen Website nie zu Gesicht bekommt. Man baut oben an der Startseite, an neuen Unterseiten, an Inhalten, und die Fußzeile läuft einfach mit, ohne dass sie noch einmal jemand anschaut.

Warum das mehr ist als nur Kosmetik

Ein offizielles Rankingsignal ist die Jahreszahl im Footer nicht, das würde ich nicht behaupten. Aber sie ist ein Symptom, und zwar für eine Webseite, die insgesamt selten angefasst wird. Das spüren Besucherinnen, auch ohne dass sie technisch benennen könnten, woran es eigentlich liegt. Für den ersten Eindruck zählt genau das, und der entsteht in den ersten Sekunden, oft schon bevor ein einziger Satz gelesen wurde.

Ehrlich gesagt fällt mir sowas nur auf, weil ich beruflich ständig fremde Webseiten durchklicke. Als normale Besucherin würde ich es wahrscheinlich auch eher übersehen. Trotzdem sind genau solche Kleinigkeiten es, die mir bei Kundenprojekten regelmäßig ins Auge springen und die ich dann grundsätzlich mit repariere, auch wenn sie nicht extra im Auftrag standen.

Warum sich deine Website leer anfühlt, obwohl eigentlich alles da ist →

Das brauchst du, bevor du startest

Für diesen Trick brauchst du kein Plugin und keine Programmiererfahrung. Du brauchst nur drei Dinge:

• Zugriff auf dein Webflow-Projekt mit den passenden Rechten für Site Settings
• Einen Site-Plan, der Custom Code beim Veröffentlichen unterstützt (bei den meisten kostenpflichtigen Webflow-Plänen ist das automatisch der Fall)
• Etwa fünf Minuten Zeit

Falls du noch ganz am Anfang mit Webflow stehst und dich fragst, wie du überhaupt loslegst: Ich hab dazu einen eigenen Einsteiger-Artikel geschrieben.

Webflow für Einsteiger, so startest du kostenlos →

Schritt 1: Das Jahreszahl-Element mit einer Klasse versehen

Zuerst muss Webflow wissen, welches Element auf deiner Seite die Jahreszahl enthält. Das machst du über eine ganz normale Klasse, so wie du sie sonst auch für Styling verwendest.

1. Öffne dein Webflow-Projekt im Designer und geh zu deinem Footer.
2. Markiere dort die Jahreszahl innerhalb deines Textelements, zum Beispiel in deiner Copyright-Zeile.
3. Gib dieser Textstelle im Style-Panel oben rechts eine neue Klasse. Nenn sie zum Beispiel copyright-year.

Welcher Name aktuell in diesem Element steht, spielt keine Rolle mehr. Sobald der Code aus Schritt 2 läuft, wird der Wert automatisch überschrieben, egal ob dort gerade 2024, 2025 oder gar nichts Sinnvolles steht.

Schritt 2: Den Custom-Code-Schnipsel einfügen

Jetzt kommt der eigentliche Trick. Du fügst einen kleinen Code-Schnipsel ein, der sich beim Laden deiner Seite automatisch das aktuelle Jahr holt und in jedes Element mit der Klasse copyright-year einträgt.

1. Geh oben links auf Site Settings.
2. Wechsle im Menü zu Custom Code.
3. Füg folgenden Code in das Feld für den Head Code ein:

<script>
    document.addEventListener("DOMContentLoaded", () =>
        document.querySelectorAll('.copyright-year').forEach(el =>
            el.textContent = new Date().getFullYear()
        )
    );
</script>

‍‍Was hier passiert, in einfachen Worten: Sobald deine Seite vollständig geladen ist, sucht der Code alle Elemente mit der Klasse copyright-year und trägt dort automatisch das aktuelle Jahr ein. Die Seite holt sich den Wert jedes Mal frisch vom Kalender deiner Besucherin, kein manuelles Nachtragen mehr nötig.

4. Klick auf Speichern.
5. Veröffentlich deine Website neu, damit die Änderung live geht.
6. Öffne deine Website und scroll zum Footer. Steht dort das aktuelle Jahr, hat alles geklappt.

Global für die ganze Webseite oder nur für eine Seite?

Wenn du den Code wie oben beschrieben in den Head Site Settings einträgst, gilt er automatisch für jede Seite deines Projekts, auch für neue Seiten, die du später noch anlegst. Logisch, wenn man bedenkt, dass jede Unterseite und auch die Startseite meistens dieselbe Fußzeile teilen.

Mal angenommen, du willst das aber bewusst nur auf einer einzelnen Seite laufen lassen, zum Beispiel nur auf deiner Startseite. Dann gehst du anders vor:

1. Nimm den Code aus dem Head Code in den Site Settings wieder raus und speichere.
2. Öffne im Designer das Pages-Panel, entweder über die Seitenleiste oder mit dem Tastenkürzel P.
3. Wähl die gewünschte Seite aus und klick auf das kleine Zahnrad-Symbol daneben.
4. Füg den identischen Code dort in den seiteneigenen Custom Code im Head-Bereich ein.
5. Speichern, veröffentlichen, fertig.

Für die meisten Webseiten ist die Lösung die praktischere, weil du sie nur einmal einrichten musst und sie sich um jede aktuelle und künftige Seite gleichzeitig kümmert.

Bonus: Eine Klasse für mehrere Stellen gleichzeitig

Ein Vorteil, den viele beim ersten Einbauen übersehen: Die Klasse .copyright-year funktioniert an beliebig vielen Stellen deiner Seite gleichzeitig. Wenn du dieselbe Klasse zum Beispiel auch in deinem Impressum verwendest, aktualisiert sich das Jahr dort ohne weiteres Zutun mit. Der Code durchsucht mit querySelectorAll die komplette Seite nach allen passenden Elementen und aktualisiert sie in einem Rutsch.

Wenn dich das Thema Automatisierung in Webflow generell interessiert, zum Beispiel wie sich KI-Tools direkt in deinem Projekt einsetzen lassen, hab ich dazu einen ausführlicheren Artikel geschrieben.

Webflow KI: Alles über AI Site Builder, MCP und AEO →

Warum sich diese Kleinigkeit lohnt

Niemand kommt auf deine Seite, weil die Jahreszahl im Footer stimmt. Aber wer beim Runterscrollen zufällig draufschaut und ein korrektes, aktuelles Jahr sieht, registriert das zumindest unbewusst als Zeichen: Hier kümmert sich jemand drum.

Ich bau solche Kleinigkeiten mittlerweile in fast jedes Projekt mit ein, ohne dass jemand extra danach fragt. Für sich genommen ist keine davon weltbewegend. In der Summe machen aber genau solche Details den Unterschied zwischen einer Website, die einfach nur da ist, und einer, die sich gepflegt anfühlt.

Deine Webseite, für immer aktuell

Fünf Minuten Aufwand, und ein Punkt weniger, den du dir jeden Januar merken musst. Wenn du magst, zeig mir dein Ergebnis gerne in den Kommentaren unter dem Video, ich freu mich zu sehen, wo du den Trick bei dir einbaust.

Falls dir beim Lesen aufgefallen ist, dass an deiner eigenen Webseite noch mehr solcher Kleinigkeiten hängen: völlig normal, das sammelt sich über die Zeit einfach an. Als zertifizierte Webflow-Partnerin geh ich mit Kundinnen genau solche Listen durch. Wenn du magst, buch dir ein unverbindliches Erstgespräch, dann schauen wir uns deine Seite gemeinsam an.

Wenn du keinen dieser kleinen Webflow-Tricks mehr verpassen willst, abonnier meinen YouTube-Kanal. Und schreib mir gern in die Kommentare, wo bei dir noch sowas Ähnliches schlummert, ich sammle daraus Themen für kommende Videos.