La réponse courte
| Critère | Popup d’entrée | Exit-intent |
|---|
| Moment | Dès l’arrivée | Quand le visiteur part |
| UX | Intrusif | Moins intrusif |
| Taux de conversion | 1-3% | 2-4% |
| Recommandation | À éviter | Préféré |
Verdict : L’exit-intent est généralement plus efficace et moins frustrant.
Avantages
| Avantage | Explication |
|---|
| Visibilité maximale | 100% des visiteurs le voient |
| Offre immédiate | Pas besoin d’attendre |
| Simple à implémenter | Déclenché au chargement |
Inconvénients
| Inconvénient | Impact |
|---|
| Interrompt l’expérience | +15-30% de rebond |
| Frustrant | Image de marque négative |
| Pénalisé par Google | Mobile-first indexing |
| Le visiteur ne connaît pas encore | Conversion faible |
Quand l’utiliser malgré tout
- Offre exceptionnelle (Black Friday)
- Annonce importante (maintenance, changement)
- Consentement cookies (obligatoire)
Exit-intent : avantages et inconvénients
Avantages
| Avantage | Explication |
|---|
| N’interrompt pas | L’utilisateur a déjà exploré |
| Dernière chance | Récupère des visiteurs perdus |
| Contextualisé | Peut adapter l’offre au comportement |
| Meilleure UX | Moins frustrant |
Inconvénients
| Inconvénient | Impact |
|---|
| Pas tous les visiteurs | Ceux qui restent ne le voient pas |
| Détection imparfaite | Faux positifs possibles |
| Plus complexe mobile | Mouvement souris n’existe pas |
Taux de conversion
| Type de popup | Taux moyen |
|---|
| Entrée immédiat | 1-2% |
| Entrée avec délai (10s) | 2-3% |
| Exit-intent | 2-4% |
| Exit-intent avec offre personnalisée | 4-6% |
Impact sur le rebond
| Type de popup | Impact sur rebond |
|---|
| Entrée immédiat | +20-35% |
| Entrée avec délai | +10-15% |
| Exit-intent | +0-5% |
Perception utilisateur
| Type | Perception |
|---|
| Entrée | ”Laissez-moi voir d’abord !” |
| Exit-intent | ”Ok, pourquoi pas avant de partir” |
Stratégie recommandée
1. Exit-intent comme standard
Pour la majorité des cas, utilisez l’exit-intent :
// Détecter l'intention de sortie
document.addEventListener('mouseout', (e) => {
if (e.clientY < 10 && !popupShown) {
showPopup();
popupShown = true;
}
});
Si vous devez utiliser un popup d’entrée :
// Attendre que l'utilisateur ait vu le contenu
setTimeout(() => {
if (scrolledPast50Percent && timeOnPage > 30) {
showPopup();
}
}, 30000); // 30 secondes minimum
3. Combiner les deux
Pour maximiser les captures sans être intrusif :
Visiteur arrive → Pas de popup
↓
Navigue 30s+
↓
Part → Exit popup
↓
Si reste et scroll 50%+ → Popup scroll-triggered
1. Slide-in
.slide-in {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
}
Moins intrusif, visible mais pas bloquant.
2. Barre flottante
.floating-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 50px;
}
Visible en permanence, non intrusif.
3. Inline dans le contenu
<div class="content">
<p>Paragraphe 1...</p>
<p>Paragraphe 2...</p>
<!-- Lead capture naturel -->
<div class="inline-signup">
<p>Vous aimez cet article ?</p>
<input placeholder="Votre email">
<button>Recevoir les nouveaux articles</button>
</div>
<p>Paragraphe 3...</p>
</div>
Intégré au contenu, taux de conversion élevé.
Ce que Google pénalise (mobile)
- Popups couvrant le contenu principal
- Interstitiels à l’entrée de page
- Layouts où le contenu est sous un popup
Ce qui est accepté
- Bannières cookies (obligations légales)
- Popups de vérification d’âge
- Popups d’abonnement raisonnablement dimensionnés
- Exit-intent popups
A/B tests recommandés
| Test | Métrique |
|---|
| Entrée vs Exit-intent | Conversion + Rebond |
| Délai 0s vs 10s vs 30s | Conversion + UX |
| Popup vs Slide-in | Conversion |
| Full screen vs Centré | Conversion + Rebond |
Décision par cas d’usage
| Situation | Recommandation |
|---|
| E-commerce général | Exit-intent |
| Blog/contenu | Exit-intent ou inline |
| SaaS | Exit-intent |
| Black Friday/Promo flash | Entrée avec délai (5s) |
| Annonce importante | Entrée (une seule fois) |
| Mobile | Éviter les popups, utiliser barres |
Checklist décision
Utilisez exit-intent si :