How To Set An Auto Updating Footer Copyright Year Footer Credits In Divi Without Code Tutorial by Pee Aye Creative

How To Set An Auto-Updating Footer Copyright Year In Divi Without Code

This trick will show you how to easily set an auto-updating footer copyright year directly in the Divi Builder with dynamic content!

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

Just Add A Text Module!

To get started, add a Text Module to your layout wherever you want it. You probably will want to add this to a footer section, whether that is in your Theme Builder or just in your page layout.

Copyright © 2022 Your Website Name

Step 1. Add Text Module

Step 2. Choose Dynamic Content Icon

How To Set An Auto-Updating Footer Copyright Year In Divi Without Code

Step 3. Choose “Current Date”

How To Set An Auto-Updating Footer Copyright Year In Divi Without Code

Step 4. Fill In The Fields

Before: Copyright © (notice the space after the symbol)

After: Type your website name here

Date Format: Choose “Custom” from the dropdown list

Custom Date Format: Here you need to type a capital “Y”

How To Set An Auto-Updating Footer Copyright Year In Divi Without Code
How To Set An Auto-Updating Footer Copyright Year In Divi Without Code

And that’s it! Simple as that.

Bonus #1

Dynamically Add The Site Title!

Too lazy to type your site name? Want that to be automatic also? Great, we have another hack for you! Just add a second text module, and this time choose the “Site Title” in the dynamic content.

Next, add a CSS class to the ROW Custom CSS field called “pa-inline-module.” Basically we need to move the two separate modules to stack side by side with each other so they line up horizontally.

Copy the CSS snippet below into your Divi>Theme Options>Custom CSS box.

.pa-inline-module .et_pb_text {
  display: inline-block!important;
}

Add about 4px of margin between them and you now have a 100% automatic footer copyright text in Divi! 

Bonus #2

Add Legal Links

You even use html in the “After” field, so just go for it! Nothing holding you back!

Copyright © 2022 Your Website Name | Privacy Policy
How To Set An Auto-Updating Footer Copyright Year In Divi Without Code

Last updated Aug 31, 2021 @ 6:23 pm

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore :)

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

35 Comments

  1. Adrian

    Simple and elegant solution and very much appreciated warmest regards Adrian

    Reply
  2. ECDJ

    Awesome, I have been looking for a solution like this!

    Reply
  3. Joerg

    Cool!
    Thank you for your work!

    One question, how I can set this in the bottom line at the end of the page (under the footer)?

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hi Joerg,
      You are welcome! To do tha, just create a footer later in the Theme Builder with a section that has the text module in it like in the tutorial. Let me know how it goes!

      Reply
  4. Cyberfingers

    In your video you added custom CSS to page not Copy the CSS snippet below into your Divi>Theme Options>Custom CSS. I was not able to get this to work with the Divi -> Them Builder -> Global FooterPage Footer. Could you include more instruction how to do this (video demonstration would be perfect). THANKS for sharing

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hey there,
      In a lot of my tutorials I add CSS to the page so that we can see them live, but then I always say to paste it in the Theme Options or child theme. However, this tutorial does not use any code, so are you referring to the inline module bonus part? That should work fine as written, so I’d need more info to understand why it isn’t for you.

      Reply
  5. Nikki Fryn

    Yet another gem, Nelson! Thank you. You’re helping me look like I know what I’m doing, more and more 🙃

    Reply
  6. Sheila Hoffman

    Thanks SO much. I’m glad I found this. Invaluable. Will share widely.

    Reply
  7. Randy

    So what I’d like to do is create a footer like the footer on this site: copyright LOGO website by martindesign.info

    Reply
  8. Kelly Morris

    Thanks for that. Really simple and really useful.

    Reply
  9. Zin

    Thank you

    Reply
  10. Ronnie

    One question? How to you make the copyright and privacy links centered. <center> in there is not working for me by adding that code in the After section or the Before section.

    Reply
    • Hemant Gaba

      Instead of placing this snippet:

      .pa-inline-module .et_pb_text {
      display: inline-block!important;
      }

      Go to the Row in which you have placed the modules. After that go to the Row Settings > Column Settings in which the text modules are > Advanced > Custom CSS > Main Element and place the code given below:

      display: flex;
      justify-content: center;

      This will bring your modules in a single line and in the center as well. Please let us know how it goes.

      Reply
  11. Sue Kelly

    Great article! Is it possibe to add a reminder to subscribe to my newsletter with a button leading to a sign up form after the main links you mentioned in the article, I.e. “Don’t leave without becoming a RR Insider! with button saying “START HERE?

    Reply
  12. Stephanie

    My year is showing as 2019 but the site settings has the current date. Any suggestions on how to fix this or why it’s pulling 2019 and not 2021? Thanks!

    Reply
    • Stephanie

      Never mind I figured it out. I had it set as publish date but needed to use the current date option.

      Reply
      • Hemant Gaba

        Hi Stephanie,

        We are glad that the problem is solved now. Please let us know if you need any further assistance. 🙂

  13. Jaime Flores

    where do i find the text or link for the privacy policy page?

    Reply
    • Hemant Gaba

      Hi Jaime,

      At the end of every page, you will find a link named Legal. You need to click on that and the page that you will be redirected to will show you all the information about out Privacy Policy, Terms and Conditions and much more.

      Here is the link for you: https://www.peeayecreative.com/legal/

      Reply
  14. Tobi

    Best solution ever 😉

    Reply
  15. Geo

    Alternatively you can use a simple jQuery implementation to add auto year update on the default footer bar:

    jQuery(function($){
    $(“.copy-footer”).prepend(new Date().getFullYear());
    });

    Edit footer credits like this
    Your credits text after the year goes here

    Reply
  16. Dwayne

    Great way to handle this. Thanks for taking the time to make this post.

    Reply
  17. Sam

    Awesome solution. Works well, thanks for this information.

    Reply
    • Hemant Gaba

      Hey Sam,

      We are glad to hear that. Stay tuned for more such guides. 🙂

      Reply

Submit a Comment

Your email address will not be published.

Recent Posts

0

Your Cart