Le module Exit Popup vous permet de faire apparaître une pop-in dès que vos visiteurs s’apprêtent à quitter votre site, et à les inciter à finaliser leur commande. Retrouvez ci-dessous toutes les informations nécessaires à la compréhension et à l’utilisation de ce module.

Onglet aperçu

Dans cet onglet, vous pourrez avoir une vue complète des pop-in déjà créées. Le listing permet de récapituler sur une ligne, les informations principales et les actions possibles de chaque pop-in. Pour chaque pop-in créée, le listing vous informe de :

l’ID de la pop-in
Son titre
Le montant de la remise associée à la pop-in
Date de début de diffusion
Date de fin de diffusion
L’état : Activé ou Désactivé

Pour chacune des pop-in listées dans l’onglet Aperçu, de nombreuses actions sont possibles :

Changer l’état de la pop-in : vous pouvez Activer ou Désactiver l’affichage de votre pop-in en cliquant sur le bouton switch (attention : il n’est possible d’activer qu’une seule pop-in à la fois, si vous activez une pop-in alors les autres seront automatiquement désactivées)
Supprimer la pop-in en cliquant sur le picto poubelle (au clic, un message de confirmation s’affiche)
Editer la pop-in en cliquant sur le picto crayon (au clic, vous êtes redirigé vers l’onglet Création)

Vous pourrez également créer une nouvelle pop-in et débuter un processus de configuration, au clic sur “Créer une nouvelle pop-up”.

Création et configuration de la pop-up

Dans l'onglet Aperçu, une fois que vous avez cliqué "Créer une nouvelle pop-up", un nouvel onglet va s'affiche, "Configuration de la pop-up". Vous pouvez suivre les étapes pour configurer votre nouvelle pop-up !

Etape 1 : Type

Dans ce premier niveau, vous aurez la possibilité de choisir sur quels produits vous souhaitez faire apparaître la pop-in, et la durée d’affichage de votre pop-in.

Vous pouvez choisir d’afficher la promotion soit :

sur tout le catalogue de votre boutique
sur une catégorie de produit en particulier,
sur un produit spécifique

Si vous choisissez d’afficher votre promotion à une catégorie de produit en particulier, un champ de recherche s’affiche et vous permettra de rechercher puis de sélectionner, au clic, une catégorie parmi celles existantes sur votre boutique.

Si vous souhaitez afficher votre promotion sur un produit spécifique, là aussi, une barre de recherche s’affiche et vous pourrez sélectionner le produit choisi parmi le listing de l’intégralité de vos produits.

Vous pourrez également choisir de faire apparaître votre pop-in de manière permanente ou temporaire .

L’affichage permanent signifie que votre pop-in s’affichera dès la validation de la pop-in jusqu’à sa désactivation manuelle (depuis l’onglet Aperçu).
L’affichage temporaire signifie que vous pourrez choisir d’afficher votre pop-in à un moment en particulier. Dans ce cas là, vous devrez renseigner une date de début et de fin de diffusion de la pop-in. Une fois les informations remplies, cliquez sur ‘Étape suivante’ pour continuer la configuration de votre pop-in.

Etape 2 : Réduction

Dans ce niveau là, vous pourrez personnaliser la promotion de votre pop-in. Tout d’abord, il vous faudra choisir d’afficher la promotion soit :

à tous les clients
aux nouveaux clients (n’ayant jamais fait de commande sur votre site)

Vous devrez ensuite remplir le champ ‘Préfixe du code promotionnel’ et choisir le type de promotion que vous souhaitez mettre en place : en pourcentage ou en euros, ainsi que le montant de la promotion.

Pour information, chaque code est unique mais ils possèderont tous le même préfixe. Ce préfixe doit être composé de lettres (maximum cinq). L’idéal est de contextualiser son préfixe, par exemple : lors d’un événement de type Black Friday, votre préfixe pourra être BF. Vos utilisateurs se verront afficher un code individuel (qui est différent pour chaque utilisateur) du type BF1234 .

Conseil ! Boostez vos ventes en activant l’option affichage du compte à rebours ! Le préfixe de votre code promo doit être court (maximum cinq lettres) afin de faciliter la mémorisation de ce code par les utilisateurs.

Maintenant votre promotion configurée, cliquez sur ‘Étape suivante’ pour configurer le design et contenu de votre pop-in.

Etape 3 : Modèle

Dans cette partie là, vous pourrez configurer l’aspect visuel de votre pop-in soit :

en utilisant un modèle ‘prêt à l’emploi’ parmi un choix de 8 modèles, en cliquant sur le modèle choisi
en créant votre propre modèle en cliquant sur ‘créez-en un’

Etape 4 : Contenu

Dans ce niveau, vous pourrez modifier le contenu de votre pop-in et y voir, en temps réel, les modifications grâce à un écran de prévisualisation de votre pop-in.

Le nombre de configurations possibles dépend de si vous avez choisi un modèle ‘prêt à l’emploi’ ou que vous avez choisi de créer votre propre modèle.

Dans le cas du modèle ‘prêt à l’emploi’ vous pouvez modifier :

La couleur primaire de son template
La couleur secondaire de son template
Le contenu du titre de sa pop-in
Le contenu de sa description
Le contenu de sa promotion
Le contenu de son call to action

Conseil ! N’hésitez pas à communiquer le montant de votre promo ainsi que la durée de validité de la promotion dans la description de votre promotion afin d’avertir votre client.

Dans le cas de la création de votre propre modèle : vous allez pouvoir créer entièrement votre modèle de pop-in en deux parties : paramètres visuels et contenu.

Dans les paramètres visuels, vous pouvez y modifier :

La couleur primaire de son template
La couleur secondaire de son template

Conseil ! Utilisez des couleurs de texte suffisamment contrastées pour améliorer la lisibilité, l’attractivité et donc le taux de conversion de votre promotion.

Vous pourrez ensuite uploader une image que vous pourrez positionner soit à gauche, à droite, en haut ou encore, en fond de votre texte.

Vous avez également la possibilité de modifier le style de la typographie et du call to action en :

changeant la police parmi une liste prédéfinie de polices
modifiant l’alignement du texte
modifiant le design du call to action : à bouts ronds ou bouts carrés

Dans la partie Contenu, vous pouvez modifier :

La couleur primaire de son template
La couleur secondaire de son template
Le contenu du titre de sa pop-in
Le contenu de sa description
Le contenu de sa promotion
Le contenu de son call to action

Conseil ! Gardez en tête qu’il s’agit d’un message promotionnel destiné à un utilisateur prêt à quitter de votre site. Un texte court et rapide à lire aura plus d’impact auprès de vos utilisateurs !

Vous pouvez sauvegarder vos configurations en cliquant sur Enregistrer. Votre pop-in a bien été enregistrée, et est maintenant disponible dans l’onglet ‘Aperçu’.

Onglet Statistiques

Une fois que votre pop-in est en ligne, vous pouvez accéder à trois types de données, disponibles dans l’onglet ‘Statistiques’ :

Nombre de fois où elle a été vue
Nombre de fois où elle a été cliquée
Nombre de fois où le code promo, généré via cette pop-in, a été utilisé lors d’une commande

Il est également possible de retourner aux configurations de la pop-in au clic sur le crayon.

Conseil ! N’hésitez pas à calculer le taux de clic, qui correspond au nombre de clics / nombre de vues, de chaque pop-in, afin de pouvoir comparer les performances de chacune de vos pop-in.

Retrouvez ce module sur la PrestaShop Marketplace ! Et laissez-vous guider par notre article sur l'installation d'un module.