Automatically Update Your Footer Date

Last time updated

31 Oct 2025

min to build

You don’t need to manually update the year in your footer anymore. Simply copy and paste our year component into Webflow, press publish, and you’re set. Adjust the design and everything else however you like.

‍

Option 1 (Webflow): Copy and Paste in One Click

This component includes "© 0000 Flowing.to. All rights reserved." text and the code needed to change the "0000" to the current year. You can customize the text entirely, but make sure the "0000" is wrapped in a span with the attribute [a-data-flow-auto-date= ]. You can find this in the settings tab.

[c-yearupdate]

---

Option 2 (Code): Do it custom

First, you need a simple html element with the attribute [a-data-flow-auto-date= ]

<div>© <span data-flow-auto-date="">2025</span> Flwoing.to. All rights reserved.</div>

Then you need a few lines of js to make it work. Simply copy paste this in the body

<script>
 // Flowing components - By Kabarza.com

 document.addEventListener('DOMContentLoaded', () => {
 // Find elements with the [data-flw-year] attribute
 const yearTargets = document.querySelectorAll('[data-flow-auto-date]');

 // Get the current year
 const currentYear = new Date().getFullYear();

 // Update text content for each target element
 yearTargets.forEach(target => {
 if (target) {
 target.textContent = currentYear;
 }
 });
 });
</script>

That's it. You are done.

Related Components:

Dot Waves

Create mesmerizing wave patterns with colorful dots that flow across your website. Fully customizable colors, speed, and animation styles.

Wavy 3D Blob Animation Kabarza Rich text edit

A quick guide to embedding a dynamic 3D blob with Three.js and GSAP in Webflow—complete with copy‑to‑clipboard buttons for every code snippet.

Webflow Localisation Anchor link fix

Fix anchor links on localized pages in Webflow. This drop-in script (1) detects secondary locales from the URL, (2) prefixes internal links that are missing the current locale, (3) preserves smooth scrolling for same-page #anchors, (4) skips language-switcher links via hreflang or data-flow-locale-skip, (5) avoids assets/external links, and (6) re-initializes Webflow IX2 after updates. Works from the <head> or “Before ”.

No items found.