Notifications d'onglet clignotant : récupérez les acheteurs distraits

Récupérez l'attention quand les contacts changent d'onglet en faisant clignoter un message personnalisé dans l'onglet du navigateur, adapté aux visiteurs identifiés et anonymes.

Onglet clignotant
Objectifs
Améliorez vos conversions et vos ventes
Améliorez la personnalisation et l'expérience client
Améliorez la délivrabilité et l'engagement
Secteurs
B2C
E-commerce
Canaux
Automatisation

Description

Un acheteur a des articles dans son panier. Il ouvre un nouvel onglet. La page devient silencieuse. C'est là où la plupart des boutiques abandonnent. Ce scénario ne le fait pas. Dès qu'un visiteur quitte une page panier, le titre de l'onglet du navigateur commence à clignoter avec un court message personnel. Les contacts identifiés voient une relance amicale liée à leur session. Les visiteurs anonymes voient une accroche subtile qui éveille la curiosité. Le clignotement continue jusqu'à leur retour. Quand ils reviennent, l'onglet reprend son apparence normale et un événement est enregistré, pouvant déclencher un suivi, comme un pop-up avec un code de réduction. Tout fonctionne grâce à un léger extrait de code JavaScript. Pas d'emails, pas de SMS, pas de délai. Juste un rappel discret à l'endroit où ils regardent définitivement : leurs onglets de navigateur.

Effort de mise en œuvre : faible
Impact sur l'objectif : moyen

Aller plus loin…

Ressources créatives (HTML prêt à l'emploi)
Structure de données recommandée
Extraits de code
Aide-mémoire
Modèles d'automatisation
Débloquer le cas d'usage complet

Débloquez 40 cas d'usage

ℹ️Ce choix s’applique à l’adresse email saisie et à tous les appareils sur lesquels vous consultez vos emails. Il est possible de retirer votre consentement au suivi à tout moment en utilisant le lien dédié figurant au bas de chaque message, tout en continuant à recevoir les communications marketing.

Merci, votre message a bien été envoyé !
Une erreur s’est produite lors de l'envoi du formulaire.

Résultats

Réengagez les visiteurs dès qu'ils quittent une page panier
Réduisez l'abandon de panier avec un rappel sans friction et non intrusif
Personnalisez pour les visiteurs identifiés et anonymes sans configuration supplémentaire

Comment ça fonctionne en pratique

Un acheteur arrive sur la page panier. L'automatisation détecte que l'URL contient cart et injecte un petit extrait de code JavaScript. Pour l'instant, rien de visible ne se passe. L'acheteur se distrait et clique sur un autre onglet. Dès qu'il le fait, le titre de l'onglet du navigateur de la boutique commence à clignoter. Un contact identifié voit : Vous pensez encore à votre panier ? Un visiteur anonyme voit : Psst… votre panier vous attend ! Le message alterne avec le titre original de la page une fois par seconde. L'acheteur jette un œil à sa barre d'onglets, voit le message clignotant et revient. Le titre original est rétabli immédiatement. Un événement est enregistré. À partir de là, cet événement peut déclencher n'importe quoi, d'un pop-up de réduction à une automatisation de suivi. Tout cela se passe sans un seul email, notification push, ni interruption de ce qu'ils faisaient dans l'autre onglet.

1

Détection de page sur les pages panier : L'automatisation démarre avec un déclencheur « Visite de page » configuré pour correspondre aux URL contenant cart. Cela garantit que la notification d'onglet clignotant ne s'active que sur les pages à haute intention où la récupération est la plus précieuse.

2

Vérification du type de contact : Un filtre vérifie si le contact est défini, c'est-à-dire s'il a un attribut email dans son profil, ou anonyme. Cette vérification unique alimente la personnalisation des messages pour chaque type de visiteur.

3

Injection JavaScript via « Envoyer du code » : Le module « Envoyer du code » injecte un extrait de code JavaScript léger qui écoute l'événement de changement de visibilité d'onglet du navigateur. L'extrait de code inclut le titre original de la page, le message flash pour ce type de visiteur, les URL des favicons et une durée d'intervalle configurable définie à 1 seconde par défaut.

4

Surveillance de la visibilité de l'onglet et clignotement du message : Quand l'utilisateur passe à un autre onglet, le script détecte document.hidden = true et commence à alterner le titre de l'onglet du navigateur entre le titre original de la page et le message flash. Pour les contacts identifiés : un emoji et un rappel amical à propos du panier. Pour les visiteurs anonymes : une accroche ludique qui éveille la curiosité. Le clignotement continue jusqu'au retour de l'utilisateur.

5

Détection du retour et enregistrement de l'événement : Quand l'utilisateur revient sur l'onglet, le script arrête l'intervalle et restaure le titre original de la page et le favicon. Un événement « Flashing tab popup » est enregistré dans Positive User, qui peut ensuite déclencher des automatisations de suivi comme un pop-up proposant un code de réduction pour finaliser l'achat.

Comment le mettre en place

Mettre en place l'automatisation de ce cas d'usage repose sur plusieurs étapes et outils clés. Voici un ensemble complet de ressources pour bien démarrer :

Modules utilisés

Automatisations

Le marketing à un nouveau niveau grâce à un éditeur visuel en glisser-déposer.

Visite de page
Filtres
Envoyer du code

Pop-ups (optionnel)

Affichez un pop-up de remerciement avec une offre de réduction quand le visiteur revient après une notification d'onglet clignotant.

Prérequis

Créez une variable globale nommée code_pixel avec l'URL vers votre image de pixel blanc.

Structure de données recommandée

Attributs de contact

Un attribut de contact est un champ de données stocké dans le profil du contact, utilisé pour la segmentation, la personnalisation, le reporting et l'automatisation.

Nom de l'attribut
Type d'attribut
email
(standard) chaîne de caractères

Variables globales

Les variables globales stockent des valeurs pouvant être utilisées dans les automatisations et campagnes sans les coder en dur dans chaque flux.

Nom de la variable globale
Type de la variable globale
code_pixel
chaîne de caractères

Attention

Points à prendre en compte pour exploiter ce cas d'usage

Avant de lancer

Implémenter les scripts avec Append to HTML = false et gestion personnalisée des messages dans le widget Positive User

Ajouter la fonction onPayloadReceived dans l'objet civchat
Supprimer les éléments IMG des modules « Envoyer du code »
Désactiver l'option « Append to HTML » (valeur : false)

Avis client

Ils nous font confiance

« Grâce à Positive User, nous avons non seulement considérablement élargi notre base d’audience, mais aussi rationalisé la communication et automatisé de nombreuses tâches chronophages. Cet outil soutient vraiment notre stratégie commerciale et digitale. »

Somfy, Équipe E-commerce, Somfy
Lire le témoignage complet

Passez à l'action avec ce cas d'usage

Partez d'un cas d'usage éprouvé conçu pour vous aider à engager votre audience plus rapidement, avec pertinence et impact.

D'autres façons d'engager votre audience

Récompensez le double opt-in avec une remise

Double opt-in conforme qui délivre une remise instantanée et augmente les taux de confirmation.

Annoncez les nouveautés directement in-app

Messages in-app qui mettent en avant les nouvelles fonctionnalités dès que les utilisateurs mobiles ouvrent l'app.

Déclenchez des actions commerciales en fin d'abonnement

Création automatique de deals et de tâches qui met le commercial sur chaque abonnement expiré en quelques jours.

Démo gratuite · 30 min

Découvrez les possibilités de Positive User

Profitez d’une démonstration personnalisée pour découvrir comment Positive User peut vous aider à générer plus de leads, automatiser vos actions et accélérer votre croissance.

Apprenez en 30 minutes comment :

  • Automatiser vos actions clés
  • Convertir plus efficacement
  • Centraliser vos données marketing
Échange expert · 15 min

Échangez sur vos besoins avec un expert Positive User

Profitez d’un échange personnalisé avec un expert pour identifier vos opportunités, clarifier vos enjeux et obtenir des recommandations adaptées à votre activité.