Skip to content

Easter egg2 min read

How do you change an inactive browser tab title in Webflow?

Learn how to change the tab title when a user leaves the page in Webflow with visibilitychange.

In this tutorial, Sandro, co-founder of the Gemeos Webflow agency, shows you how to change the tab title when a user leaves the page in Webflow.

BehaviorDisplayed title
Active pageNormal page title
Inactive pageAlternating messages

The script

Add this script to the Footer code field. Customize the messages in the messages array.

(function() {
  var originalTitle = document.title;
  var messages = ['👋 We miss you!', '⚡ We’ve got something new...', originalTitle];
  var idx = 0, interval;
  document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
      interval = setInterval(function() {
        document.title = messages[idx % messages.length];
        idx++;
      }, 1500);
    } else {
      clearInterval(interval);
      document.title = originalTitle;
      idx = 0;
    }
  });
})();

Conclusion

A memorable little detail that makes people smile when they come back to the tab.

Published on May 19, 2026

Sandro DA SILVA

Growth Marketer, Webflow expert, and jack-of-all-trades. Sandro handles commercial operations, ensures projects run smoothly, and addresses marketing-related issues (SEO, Tracking, Copywriting, etc).

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

Let’s f*****G GO !!