Scroll down this page, all the way to the bottom.
Notice how it says “Have a great” and then whichever day of the week it is?
That’s a great way to differentiate yourself from the millions of boring legal footers businesses have.
If you want to…
- Brand yourself as a fun, innovative, and creative business
- Disrupt readers in a fun way
- Continue the dialogue at every single touchpoint
Then read on…
Why You Should Brand Yourself In The Footer
When they zig, you zag.
Siimon Reynolds
Most footers are filled with necessary but boring texts.
Copyright information, privacy policies, earnings disclaimers…
All very boring.
Using some light javascript, you can add more flavor to your footers.
And if you do so when your competitors don’t, you’ll automatically stand out just a little bit more than before.
Obviously, there are many ways to do this, but here’s one alternative.
How To Brand Yourself In The Footer
Here’s my bright idea.
A general well-wish that is more personalized than a ‘thank you for stopping by’.
Instead, I’ll add a “Have a great {day}.” sentence to the footer.
Nothing crazy, but something that is personalized enough to make some readers go “huh, that’s cool”.
If you’re a creative agency, a copywriter, or a marketer in general, you want to showcase your creativity and ability to think outside the box.
In my mind, this is a good way to do so.
Alright, let’s check out the actual code.
And how you can do this on your sites.
The actual code snippets
The code was surprisingly easy, and you can get away with minimal coding knowledge.
Especially if you just copy what I threw together. ????
Here’s what you need to paste to your footer HTML:
<p>Write whatever you want here, it'll be printed in your footer to the left of <span id="day"></span></p>
Here’s the javascript part that actually calculates what day it is, and prints the day to the span with the id “day”.
Paste this snippet after the above HTML snippet.
(In my case I had to place the script in the footer using a WordPress plugin called Insert Headers And Footers. Depending on your configuration, you might need to do that as well.)
<script>
var dateObj = new Date();
var arrayOfWeekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
var weekdayNumber = dateObj.getDay()
var weekdayName = arrayOfWeekdays[weekdayNumber] document.getElementById("day").innerHTML = weekdayName;
</script> Is there an easier way to do this?
Probably.
I’m not a programmer or web designer by any means. But this seems to be working, so it’s good enough for me. ????
What Do Now?
You’re all set!
The code will update the day of the week automatically from now on. ????
Want more free tips like this, daily? Sent to your inbox?
Then sign up for my newsletter. ????
