How to Auto-Update Your Footer Date in One Click? Copy 4g

Last time updated

16 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. We’ll show you two easy options:

Option 1: One-click copy-paste code and the year text

Option 2: Copy the code and select the year text yourself

---

Option 1: Copy and Paste in One Click

This component includes the "© 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 attached to it in the settings.

---

Heading

List item
List item
List item
List item

---

Option 2: Add the Code to Your Webflow Project

Step 1: Open Project Settings or the Page Settings of the specific page you want to update in your Webflow project.

Step 2: In the Custom Code section, place the script below, before the closing

Step 3: Assign the text element you want to update automatically with the attribute

‍

```

document.addEventListener('DOMContentLoaded', () => {

// Find elements with the [flw-year] attribute

const yearTargets = document.querySelectorAll('[flw-year]');

// Get the current year

const currentYear = new Date().getFullYear();

// Update text content for each target element

yearTargets.forEach(target => {

target.textContent = currentYear;

});

</script>

```[js]

---

“Now, enjoy an up-to-date copyright text, with zero ongoing maintenance! And hey, this is just the start—we’re working on more components to make your Webflow life even easier. Keep an eye out!”

‍

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.