This script changes the tab title when a user switches away. It briefly replaces the original title with a custom message after a short delay, syncs it across open tabs, and restores the original title once the user returns.
Copied!
It's on your clipboard.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Components
Wireframes
No items found.
Basics
Oops, nothing here...
Scroll
Esc
Overview
Setup: External Scripts
Step 0: Copy structure to Elementor
Copy To Elementor
Step 0: Add HTML
Step 0: Add custom CSS
Step 0: Add custom Javascript
(function () {
const originalTitle = document.title;
const awayMessage = "👀 Miss me?";
function handleVisibility() {
document.title = document.hidden ? awayMessage : originalTitle;
}
document.addEventListener("visibilitychange", handleVisibility);
})();Step 5: Add custom Javascript
(function () {
const originalTitle = document.title;
const awayMessage = "👀 Miss me?";
function handleVisibility() {
document.title = document.hidden ? awayMessage : originalTitle;
}
document.addEventListener("visibilitychange", handleVisibility);
})();Step 5: Implementation
Publish and preview live
Some solutions only work on the live site. Always publish and test after each change, as results may not appear in the editor.