Ajouter

Lorem ipsum

Lorem ipsum

Easter egg

9 vues

2 min

Comment changer le titre de l'onglet quand l'utilisateur quitte la page 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

Ces tutoriels pourraient vous intéresser

tutoriels similaires

SEO / GEO

5 min lecture

5 vues

Comment faire une redirection sur Webflow ? (2026) ?

Mis à jour le 19.12.2025 par Sandro DA SILVA

SEO / GEO

5 min lecture

5 vues

Ajouter des données structurées à votre site Webflow ?

Mis à jour le 21.08.2025 par Sandro DA SILVA

No-code

5 min lecture

5 vues

Comment obfusquer un lien dans Webflow ?

Mis à jour le 23.04.2025 par Sandro DA SILVA

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

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

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...