How to Show a Different Message Depending on the Day of the Week in Webflow

In this tutorial, Sandro, co-founder of Gemeos Webflow agency, shows you how to display a different message depending on the day of the week in Webflow.

Example

1. Add the ID to your text

On your Text Block: custom attribute id = day-message.

2. Add the script in Footer code

(function() {
  var messages = [
    '🌙 Enjoy your Sunday', '💪 The week is starting, let’s go!',
    '🚀 Happy Tuesday', '⚡ Midweek, keep going',
    '🙌 Almost the weekend!', '🎉 Happy Friday!', '☀️ Enjoy your Saturday'
  ];
  var el = document.getElementById('day-message');
  if (el) el.textContent = messages[new Date().getDay()];
})();

Conclusion

A small detail that shows your site is alive. Especially effective on SaaS homepages and portfolios.