Easter egg2 min lecture
Comment changer le titre d’un onglet inactif dans Webflow ?
Apprenez à changer le titre de l'onglet quand l'utilisateur quitte la page dans Webflow avec visibilitychange.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment changer le titre de l'onglet quand l'utilisateur quitte la page dans Webflow.
| Comportement | Titre affiché |
|---|---|
| Page active | Titre normal de la page |
| Page inactive | Messages qui alternent |
Le script
Ajoutez ce script dans le champ Footer code. Personnalisez les messages dans le tableau messages.
(function() {
var originalTitle = document.title;
var messages = ['👋 Tu nous manques !', '⚡ On a du nouveau...', 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
Un détail mémorable qui crée un moment de sourire quand l'utilisateur revient sur l'onglet.


