Add

Lorem ipsum

Lorem ipsum

A
A
A
No-code

0 views

2 min

How to Automatically Add the Year to Your Webflow Copyright

Learn how to automatically update the year in your Webflow footer copyright with JavaScript.

In this tutorial, Sandro, co-founder of Gemeos Webflow agency, shows you how to automatically update the year in your Webflow footer copyright.

Example

Gemeos Loading...
MethodEffortMaintenance
JS script (this tutorial)1 minuteZero, automatic
Manual update every year5 min/yearRisk of forgetting
CMS variableHighPublishing required

1. Add an ID to your copyright text

In the Designer, select your copyright Text Block. Add a custom attribute: Name = id, Value = copyright-year. Leave the text with a static year so it renders properly in the Designer.

2. The script

document.addEventListener('DOMContentLoaded', function() {
var el = document.getElementById('copyright-year');
if (el) el.textContent = '© ' + new Date().getFullYear() + ' Gemeos. All rights reserved.';
});

Variation: inject only the year into the text

If your copyright text is partly fixed and only the year needs to change, use a span with a dedicated ID:

// In your text: "© 2024 Gemeos"
var cy = document.getElementById('cy');
if (cy) cy.textContent = new Date().getFullYear();

good to know

This script works on Webflow components (formerly Symbols): if your footer is a shared component across all pages, the ID is present on every page and the script runs everywhere. You only need to add the script once in Project Settings > Custom Code > Footer.

Conclusion

2 minutes of setup, and you’ll never have to update the year manually again.

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...