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.
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 un 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 snippet 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.
Un acheteur arrive sur la page panier. L'automatisation détecte que l'URL contient cart et injecte un petit snippet 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.
Détection de page sur les pages panier: L'automatisation démarre avec un déclencheur Page Visit configuré pour correspondre aux URLs 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.
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.
Injection JavaScript via Send Code: Le module Send Code injecte un snippet JavaScript léger qui écoute l'événement de changement de visibilité d'onglet du navigateur. Le snippet inclut le titre original de la page, le message flash pour ce type de visiteur, les URLs des favicons et une durée d'intervalle configurable définie à 1 seconde par défaut.
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.
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 User.com, qui peut ensuite déclencher des automatisations de suivi comme un pop-up proposant un code de réduction pour finaliser l'achat.
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 :
Le marketing à un nouveau niveau grâce à un éditeur visuel drag & drop.
Affichez un pop-up de remerciement avec une offre de réduction quand le visiteur revient après une notification d'onglet clignotant.
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.
Les variables globales stockent des valeurs pouvant être utilisées dans les automatisations et campagnes sans les coder en dur dans chaque flux.
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 "Send Code"
Désactiver l'option "Append to HTML" (valeur : false)
Trusted by fast-growing teamsStart from a proven use case designed to help you engage faster, with relevance and impact.
More ways to engage your audienceDouble opt-in conforme qui délivre une remise instantanée et augmente les taux de confirmation.
Messages in-app qui mettent en avant les nouvelles fonctionnalités dès que les utilisateurs mobiles ouvrent l'app.
Création automatique de deals et de tâches qui met le commercial sur chaque abonnement expiré en quelques jours.