How to Auto-Update Your Footer Date in One Click

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:

1. One-click copy-paste code and the year text
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 <span> element with the data-flw-year attribute attached to it in the settings.

[c-yearupdate]

‍

Option 2: Add the Code to Your Webflow Project

1. Open Project Settings or the Page Settings of the specific page you want to update in your Webflow project.
2. In the Custom Code section, place the script below, before the closing </body> tag.
3. Assign the text element you want to update automatically with the attribute data-flw-date, so the script knows where to inject the updated year.

‍

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

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

        // 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>

‍

___

‍

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!

‍