Jaroslav Dlask
2022-05-30
General

How to Always Display Current Copyright Date in the Footer Using Javascript in Webflow

Keep your copyright always up to date! Let a small piece of code do the job for you.

Jaroslav Dlask
2022-05-30

1) Add a Text Block to the Footer

Locate your website's footer and add a text block there. Make sure you are using the footer as a component so that it automatically updates on all other pages.

text block at the footer
Text block in the footer

2) Add a Text Span to Text Block's Year

Select the "2000" and create a text span. You don't need to give it any class.

Text Span
Text Span

3) Give a Unique ID to the Text Span

Move to the settings panel in Webflow and give a unique ID to the text span. In this case, I choose "copyright-year". Please mind that the ID has to be unique in your entire Webflow project.

Text Span ID

4) Add This Piece of Code Right After the Text Block

Last but not least don't forget to add the code below into the embed right after the text span. Don't forget to place the code between <script></script> tags. This way the copyright year will be always up to date!



Embed
Embedded script
General
Jaroslav Dlask
2022-05-30

More Posts

Read
Complete Website Design & Development Process (Step-By-Step With Images)
Read
Lazy Load Intercom on Your Webflow Site to Improve Website Loading Score
Read
Change the Color of Highlighted Text on Your Webflow Site Using CSS