All About Web Co. logo
All About Web Co.

Squarespace Copyright Footer. Add, Edit, Auto Update the Year

Author: Serhiy Manuilo, Publication Date: Mar 19, 2023, Last Updated: Oct 12, 2024
by Serhiy Manuilo, Oct 12, 2024
The article image: "Squarespace Copyright Footer. Add, Edit, Auto Update the Year"

Setting up a copyright notice on Squarespace is a must-have if you are willing to protect your website content legally and make it look professional. Squarespace, like any website builder, has its own specifics which impact how we manage a copyright footer.

Squarespace UI is pretty straightforward and intuitive, so adding, editing, and removing a copyright policy is takes a few minutes of work. However, you might experience difficulties auto-updating the copyright year and choosing the correct format.

Let’s see how to do this properly.

Right before we start: This article describes the ways to automatically update the copyright year on the Squarespace platform based on its specifics. If you don’t own a Squarespace site or want to learn more about the subject, this guide covers it in general.

Let’s overview how to set up the copyright notice from scratch to have a better picture of the process, or in case you don’t have it yet in place.

  1. Go to the Dashboard and select your website squarespace dashboard, selectig a website
  2. Click on the Edit button Edit Squarespace website
  3. Scroll down to the bottom of the page
  4. Hover over the footer block and click on the Edit Footer button Edit Squarespace website footer
  5. Click on the Add Block button Add a new block to Squarespace website footer
  6. Select Text block Add "Text" block to Squarespace website
  7. Enter your copyright notice text and customize it if needed Enter a copyright notice text to the Squarespace "Text" block
  8. Drag and drop the copyright block in place you like Drag and drop a copyright notice block on Squarespace website
  9. Click on the Save button at the top left corner Save Suqarespace website changes after editing

Here’s the result: Squarespace website copyright notice example

If you already have the copyright notice, follow steps 1-4 and 7-8 of the instruction above to edit it.

To remove the copyright click on its frame and hit the Backspace / Delete key or click on the Bin button.

This approach is good enough, although the copyright year is static and won’t update. Fortunately, we can change it dynamically by using a custom script. This might sound a bit scary if you’re a non-technical person. NO WORRIES! I’ll describe how to do this in the following section.

This is essential to have the copyright year to be up to date. I’m sure you agree that it’s easy to forget to update the year annually, and probably that’s the reason why you’re reading this article now.

There’re two blocks that could help us automatically update the copyright year:

  • Code block either adds custom code (HTML, CSS, JavaScript) and executes it or displays a code snippet with highlighting and formatting, just like the one you can see below.
  • Embed block is mainly needed to embed third-party content into your website, for instance, Youtube videos, SoundCloud audio, etc. Although, it can be utilized similarly to the Code block.

You can use either one or another, but Code block is a preferable option in this particular case.

Regardless of which block you end up using, the following code snipped will work for both:

<style>
  /*  CSS styles of an element with the "copyright" class name  */
  .copyright {
    text-align: center;
  }
</style>
<p class="copyright">
  Copyright &copy <span id="copyright-year">2022</span> allaboutweb.co
</p>
<script>
  // Calculate current year value
  const currentYear = new Date().getFullYear();
  // Select the copyright yearh HTML element
  const copyrightYearEl = document.getElementById("copyright-year");

  // Check if the copyright year element exists to prevent throwing an error while setting a new value
  if (copyrightYearEl) {
    // If the copyright year element exists set the new value with current year
    copyrightYearEl.textContent = currentYear;
  }
</script>

Adding custom script with Code block

Follow steps 1-5 of the instruction from the previous section and:

  1. Select the Code block
  2. Click on the Edit button
  3. Copy and Paste the code snippet above and don’t forget to update the copyright notice text with your own data. Make sure that Mode is set as HTML, and Display Source Code is switched off. Automatically update Squarespace copyright year with "Code" block
  4. Click on the Save button at the top left corner Save Suqarespace website changes after editing

Now you can see completely the same result as for the static copyright notice, but this time the year has been set dynamically. Squarespace website copyright notice example with dynamically changed year

Let’s see how to get the same behavior with Embed block

Adding custom script with Embed block

Follow steps 1-5 of the instruction from the previous section and:

  1. Select the Embed block and click on the Edit button
  2. Switch to the Code Snippet tab and click on the Embed data button
  3. Copy and Paste the code snippet above and don’t forget to update it with your copyright data.
  4. Align the copyright block (this might be tricky to do). Here you can see another reason not to use the Embed block for this task. It has a massive alert box that is considered a part of the block while it’s not. Automatically update Squarespace copyright year with "Embed" block
  5. Click on the Save button at the top left corner Save Suqarespace website changes after editing

Copyright is a type of intellectual property that protects a creator of original material from unauthorized duplication or use. When you publish content on a website, it becomes copyrighted automatically.

However, for the sake of extra protection, a copyright policy should be set explicitly. This helps to claim compensation in case of unauthorized usage and prevent Innocent Infringement.

Check out this post to learn more about the copyright stuff: Copyright Footer - Examples, HTML, Symbol, Format and More

To get the copyright symbol use the MacOS shortcut Option + G or the Windows shortcut Alt + 0169 for plain text. For the HTML code, use one of the following entities: &copy;, &#169;, &#xA9;.

Alternatively, you can copy it from here ©.

This is a copyright notice format formula:

[1] Copyright [2] © [3] YYYY or YYYY - YYYY [4] Entity name [5] Rights statement

  1. The “Copyright” word (Optional)
  2. The copyright symbol © (Required)
  3. Current year 2024 or a range of years 2022 - 2024 (Required)
  4. An entity name (Required)
    1. An author’s full name
    2. A company name
    3. A website domain name
  5. A rights statement (Optional)
    1. All rights reserved
    2. Some rights reserved
    3. No rights reserved

Copyright notice examples:

  • Copyright © 2024 Jane Doe
  • Copyright © 2024 allaboutweb.co
  • © 2024 Jane Doe
  • © 2024 Jane Doe. All rights reserved.
  • © 2022 - 2024 AllAboutWeb LLC. Some rights reserved.
  • © 2022 - 2024 allaboutweb.co. No rights reserved.

My personal preference is the second one: “Copyright © 2024 allaboutweb.co”. Although you are free to use any format you like or consider valid in your particular case.

Summary

As you can see, setting up a copyright notice on your Squarespace website takes a few minutes. Spending a bit more effort and time, you can automate the copyright year update and forget about it for a long time.

If you suspect someone has stolen your website content, you might want Submitting A Notice Of Infringement on Squarespace.