Elemental
Nav
DONT REMOVE (EXAMPLE DATA)

DONT REMOVE (EXAMPLE DATA)

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

```html

<!-- Flowing components - By Kabarza.com -->

<script>

 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>

<div class="abcde">

hi

</div>

<style>

.hello{test:rgba(1,1,1,1);}

</style>

```

```

<!-- Flowing components - By Kabarza.com -->

<script>

 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:

blur

No items found.

aykut

ay

CSS
HTML
JS
GSAP
Resource Details:
Fast Access:
Menu
[[Profile embed]]