Comment créer un exit-intent popup efficace ?

La réponse courte

Un exit-intent popup efficace :

• Offre une valeur immédiate (réduction, contenu gratuit)
• A un titre accrocheur orienté bénéfice
• Demande minimum d’informations (email seul)
• S’affiche une seule fois par session

Taux de conversion moyen : 2-4% des visiteurs qui allaient partir.

Comment fonctionne l’exit-intent

Détection du mouvement

// Détecte quand la souris se dirige vers le haut de l'écran
document.addEventListener('mouseout', function(e) {
  if (e.clientY < 10) {
    // Afficher le popup
    showExitPopup();
  }
});

Déclencheurs

Desktop	Mobile
Souris vers barre d’adresse	Scroll rapide vers le haut
Mouvement vers onglets	Bouton retour
Changement d’onglet	Inactivité prolongée

Anatomie d’un exit popup efficace

┌─────────────────────────────────────────────────────┐
│                                              [X]    │
│                                                     │
│           🎁 ATTENDEZ !                            │
│                                                     │
│     Obtenez 15% de réduction                       │
│     sur votre première commande                    │
│                                                     │
│     [Email____________________]                    │
│                                                     │
│     [   OUI, JE VEUX MA RÉDUCTION   ]             │
│                                                     │
│     Non merci, je préfère payer plein prix        │
│                                                     │
└─────────────────────────────────────────────────────┘

Les 5 éléments clés

1. Titre accrocheur

À éviter	À utiliser
”Inscrivez-vous à notre newsletter"	"Attendez ! Votre code -15% vous attend"
"Avant de partir…"	"Ne partez pas les mains vides"
"Abonnez-vous"	"Recevez notre guide gratuit (valeur 47€)“

2. Offre de valeur

Type d’offre	Taux de conversion
Réduction %	3-5%
Livraison gratuite	2-4%
Guide/E-book gratuit	2-3%
Essai gratuit	1-3%
Rien (juste inscription)	< 1%

3. Un seul champ

Plus de champs = moins de conversions.

Champs demandés	Conversion relative
Email seul	100%
Email + Prénom	-15%
Email + Prénom + Téléphone	-50%

4. CTA orienté bénéfice

❌ "Soumettre"
❌ "S'inscrire"
✅ "Obtenir ma réduction"
✅ "Télécharger mon guide"
✅ "Oui, je veux économiser"

5. Option de refus “négative”

Technique psychologique : formuler le refus comme une perte.

✅ "Non merci, je préfère payer plein prix"
✅ "Non, je n'ai pas besoin d'économiser"
✅ "Je refuse d'améliorer mes compétences"

Règles de déclenchement

Fréquence

Règle	Paramètre
Max par session	1 fois
Si fermé	Ne plus afficher pendant 7 jours
Si converti	Ne plus jamais afficher
Délai minimum sur page	10-30 secondes

Code de contrôle

function shouldShowExitPopup() {
  // Vérifier si déjà vu cette session
  if (sessionStorage.getItem('exitPopupShown')) return false;

  // Vérifier si fermé récemment
  const lastClosed = localStorage.getItem('exitPopupClosed');
  if (lastClosed) {
    const daysSince = (Date.now() - lastClosed) / (1000 * 60 * 60 * 24);
    if (daysSince < 7) return false;
  }

  // Vérifier si déjà converti
  if (localStorage.getItem('exitPopupConverted')) return false;

  return true;
}

Design et UX

Taille

• Desktop : 500-600px de large
• Mobile : Plein écran ou 90% de la largeur

Overlay

.popup-overlay {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}

Animation

.exit-popup {
  animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
  from { transform: translateY(50px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

Bouton fermer visible

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

Exemples par secteur

E-commerce

Titre : "Votre panier vous attend !"
Offre : "-10% si vous commandez maintenant"
CTA : "Appliquer ma réduction"

SaaS

Titre : "Attendez ! Essayez gratuitement"
Offre : "14 jours d'essai sans CB"
CTA : "Démarrer mon essai gratuit"

Blog / Contenu

Titre : "Vous allez rater le meilleur !"
Offre : "Guide PDF : 50 astuces [sujet]"
CTA : "Télécharger gratuitement"

B2B Services

Titre : "Des questions sur notre offre ?"
Offre : "Réservez un appel de 15 min"
CTA : "Choisir mon créneau"

A/B tests recommandés

Élément	Variations à tester
Titre	Question vs Affirmation
Offre	% vs € vs Livraison gratuite
CTA	Texte, couleur
Image	Avec vs Sans
Timing	5s vs 15s vs 30s de délai

Métriques à suivre

Métrique	Objectif
Taux d’affichage	Mesurer les exit-intents détectés
Taux de conversion	2-4%
Taux de fermeture	< 90%
Impact sur rebond	Réduction visible

Erreurs à éviter

Erreur	Conséquence
Popup immédiat (sans exit-intent)	Irritation, fermeture
Réapparaît après fermeture	Frustration extrême
Pas de bouton fermer visible	UX terrible
Offre non pertinente	Pas de conversion
Trop de champs	Abandon

Checklist exit popup

• Offre de valeur claire et attractive
• Titre orienté bénéfice
• Un seul champ (email)
• CTA actionnable
• Option de refus négative
• Bouton fermer visible
• Une seule fois par session
• Ne réapparaît pas après fermeture (7 jours min)
• Design professionnel
• Testé sur mobile

Pour aller plus loin

• Checklist CRO 2025 : les 10 optimisations incontournables
• Guide complet du CRO pour l’e-commerce
• CRO spécialisé Shopify
• Toutes les questions du guide CRO