12 Fév 2024
Créer un popup exit sur son site e-commerce

Installer un pop-up exit sur son site e-commerce Prestashop ou Woocommerce

30/01/2024 : Mise à jour de l’article avec un nouveau module Prestashop

Qu’est-ce qu’un pop-up exit ou de sortie ? C’est très simple : lorsqu’un utilisateur s’apprête à quitter votre site en cliquant sur “fermer la page” dans son navigateur, un message apparaît. Cette fonctionnalité est moins intrusive que celle qui affiche un pop-up après seulement 5 secondes sur une page. Elle peut vous aider à augmenter vos taux de conversion.

Pourquoi utiliser un pop-up exit sur son site web ?

Avant de décider de mettre en place un pop-up qui s’affiche dès l’arrivée du client sur votre site, posez-vous cette question : ‘Pourquoi est-ce que je souhaite faire cela ? Quel est le but ?’

Considérez que l’affichage d’un pop-up, surtout s’il est grand, peut être assez intrusif dès l’entrée sur un site internet. Il est donc crucial que la raison qui sous-tend cette démarche soit bien fondée.

Imaginons, alors que votre futur client examine les images de votre produit, une grande fenêtre s’affiche pour annoncer une promotion. Si cette dernière ne l’intéresse pas et entrave sa visualisation du produit, l’expérience utilisateur est alors compromise.

En revanche, afficher un message lorsque l’utilisateur envisage de quitter votre site peut influencer son comportement de manière positive.

Le but est de maintenir l’utilisateur sur le site le plus longtemps possible. Si celui-ci décide de rester, vous avez une opportunité de le convertir en acheteur, et cela peut également contribuer à améliorer votre taux de rebond*.

Comment un popup peut augmenter la conversion de mon site e-commerce ?

Voici un exemple concret :

Je navigue sur votre boutique en ligne de t-shirts, et je suis précisément sur une page de produit.

Je souhaite acheter ce produit, mais je le trouve hors budget.

Je décide alors de quitter le site (mon curseur se dirige vers la croix pour fermer l’onglet du navigateur). À ce moment-là, un pop-up apparaît, disant : “Vous nous quittez déjà ? Obtenez 10% de réduction sur votre première commande en vous inscrivant à notre newsletter”.

Cela m’incite à reconsidérer mon achat.

Vous tirez double avantage de cette situation dans mon exemple :
– Vous convertissez un utilisateur en client (déclenchement d’une commande).
– Vous recueillez une adresse e-mail pour vos futures campagnes de marketing par e-mail (et vous gagnez peut-être un client fidèle).

Le cas évoqué ci-dessus peut s’appliquer à un site vitrine ou un blog, par exemple pour collecter des adresses e-mail.

Plugin pop-up exit gratuit pour Woocommerce

Après les explications, il faut mettre en application. Je vais fournir 2 plugins qui vont vous permettre de personnaliser une fenêtre modale à la sortie de votre site Woocommerce.

Yeloni Exit Popup : La meilleure alternative ?

Yeloni Exit Popup plugin wordpress
Une fois installé vous pouvez choisir différents formats de popup anti-abandon et ça c’est très intéressant si vous n’êtes pas à l’aise avec un du code HTML / CSS. Pour que le plugin fonctionne il va falloir générer une clé API sur le site du développeur (rien de compliquer à faire).

démonstration d'un plugin pop-up exit WordPress
Voici en back-office différentes options possibles avec ce plugin

Téléchargez Yeloni Exit Popup <

Exit Popup : Le plugin le plus simple sur WordPress

plugin gratuit WordPress Exit Popup

Attention ce module n’est plus à jour depuis 2022

Il y a même pas des dizaines d’options possibles mais est-ce qu’on a besoin de plus ? Vous pouvez gérer les cookies, la taille en px de votre popup etc. Cependant l’inconvénient peut-être, c’est qu’il y a juste un champ HTML pour éditer votre message. Si vous n’avez pas de connaissance en HTML + CSS il peut être difficile d’avoir un rendu graphique optimal.

> Téléchargez Exit Popup <

Module de pop-up exit gratuit pour Prestashop

Suite à la mise à jour de cet article en janvier 2024, il n’y a plus d’extensions Prestashop gratuite pour un exit pop-up. Cependant, je surveille les sorties de module pour mettre à nouveau à jour avec un nouveau module gratuit.

Module pop-up de WebshopWorks, les développeurs de Creative Element


Les créateurs du module le plus vendu sur Prestashop Addons, Creative Element, ont développé un module pop-up qui permet de créer différents scénarios. Vous pouvez d’ailleurs créer une modal quand le client part du site, classique mais aussi comme une bannière qui viendra en haut du site. Si vous utilisez Creative Element, vous assurez une compatibilité avec un module du même éditeur. Compatible Prestashop 8.

> Acheter le module de WebshopWorks <

Shoppresta propose un module multifonctionnel

Module premium Prestashop de popup
Certes il n’est pas gratuit (29$) mais ce module Prestashop va vous permettre de faire plus qu’un simple message anti-abandon. D’autres options assez intéressantes vont permettre de personnaliser votre message comme vous voulez (champ newsletter, réseaux sociaux.. et selon certaines pages (page catégorie et produits notamment).

> Téléchargez le module de Shoppresta <

 

Tutoriel vidéo pour créer un popup exit

Découvrez ma vidéo YouTube où j’explique le fonctionnement de ce type de fenêtre modale. Je vous explique également comment l’installer sur les CMS WordPress et PrestaShop. Suivez les chapitres dans la chronologie de la vidéo pour accéder directement aux sections qui vous intéressent.

Pour me soutenir, abonnez-vous ou mettez un petit ‘j’aime’ sur la vidéo 🙂

Conclusion

Inscrivez votre adresse e-mail dans le champ ci-dessous pour rester connecté avec moi et recevoir mes dernières ressources concernant PrestaShop et WordPress !

*Taux de rebond : Il représente le pourcentage de visiteurs ayant quitté votre site après avoir consulté une seule page. Un taux élevé est généralement moins bénéfique pour votre site.

Je vous aide à intégrer un popup Exit sur votre boutique en ligne !

– Installation du plugin de pop-up
– Configuration de l’ensemble
– Test fonctionnel de la modal

Pour faire appel à mes services de freelance web, commandez un ticket ou écrivez moi



Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *