Ajouter

Lorem ipsum

Lorem ipsum

Easter egg

2 min

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.

ComportementTitre affiché
Page activeTitre normal de la page
Page inactiveMessages 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;
}
});
})();

bon à savoir

Utilisez ce script avec modération et humour plutôt qu'avec une intention purement marketing. Un message fun crée de la connivence. Changez d'onglet après avoir chargé la page pour tester l'effet.

Conclusion

Un détail mémorable qui crée un moment de sourire quand l'utilisateur revient sur l'onglet.

exemple interactif

Changez d'onglet après avoir chargé la page pour voir le titre changer

Publié le

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

Prêt à faire décoller
votre activité  ?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez notre collaboration...