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
| Method | Effort | Maintenance |
|---|---|---|
| JS script (this tutorial) | 1 minute | Zero, automatic |
| Manual update every year | 5 min/year | Risk of forgetting |
| CMS variable | High | Publishing 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();Conclusion
2 minutes of setup, and you’ll never have to update the year manually again.
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.
.avif)











