Les pop-ups sont un bon moyen pour mettre en avant des promotions, inviter les visiteurs à s’abonner à une newsletter ou suivre votre boutique sur les réseaux sociaux. En utilisant un module Prestashop pour créer et afficher des pop-ups à vos visiteurs, vous pourrez continuer à captiver leur attention à des moments où ils risquent de partir de votre site web ou quand ils montrent un intérêt pour les produits de votre boutique.

Plusieurs modules permettent la création de pop-up cependant il n’est pas forcément simple de faire un choix entre les différents modules qui existent dans le catalogue de Prestashop, mais aussi hors du catalogue officiel.

Dans ce tutoriel, nous vous présenterons les modules Prestashop les plus utiles pour votre site e-commerce et comment mettre en place un pop-up avec l’un de ces modules. Vous pouvez vous faire accompagner par un développeur Prestashop freelance en déposant une annonce sur Codeur.com gratuitement.

 

4 modules Prestashop pour créer un pop-up

Le catalogue de Prestashop regorge de modules en tout genre pour ajouter des fonctionnalités à votre boutique. Parmi ces modules, nous retrouvons bien évidemment des modules qui ajoutent la possibilité d’intégrer des pop-ups à votre site web.

L’inconvénient des modules de Prestashop qui se trouvent dans le catalogue officiel est qu’ils sont généralement payants ce qui peut être un frein pour certains propriétaires de boutique Prestashop. C’est pourquoi dans ces propositions de modules nous vous présenterons aussi un dernier module qui n’est pas présent dans la bibliothèque de modules Prestashop, mais qui se trouve être gratuit !

Creative Popup

Actuellement le module numéro 1 des modules de Popup, Creative Popup permet de créer de superbes pop-ups réactifs avec de multiples déclencheurs pour cibler plus facilement les moments où afficher les pop-ups de votre site.

Le module Creative Popup met en avant ses fonctionnalités qui aident à convertir davantage de visiteurs en abonnés ou clients. À l’achat de ce module, vous aurez accès à une bibliothèque de modèles de pop-ups préconçus ce qui sera un gain de temps dans la conception de vos propres pop-ups en partant avec une base existante.

Le module favorise l’expérience utilisateur avec une possible fermeture automatique de chaque pop-up pour ne pas déranger vos visiteurs trop longtemps. Ainsi vous pourrez configurer un pop-up pour que celui-ci se ferme au bout de quelques secondes, lorsqu’une action est validée comme la lecture d’une vidéo ou que le visiteur clique autre part que sur le pop-up en question.

Pop Promo (Popup)

Le module Pop Promo (Popup) fait partie des meilleurs modules de pop-up sur le catalogue de Prestashop. Avec un coût plus élevé que ses principaux concurrents, il reste tout de même un choix évident pour l’intégration de pop-up sur votre site e-commerce.

Pop Promo (Popup) fait la promesse d’augmenter le volume de ventes de votre boutique et de décupler l’efficacité des promotions effectuées sur votre boutique. Débutez la création de vos pop-ups à partir d’un modèle conçu par des designers Prestashop ou depuis une page blanche pour être 100% original dans la conception des pop-ups de votre site.

L’intégration et la prévisualisation des pop-ups directement dans le back-office est un petit plus qui aide à concevoir un pop-up sans avoir à tester son affichage sur la boutique et donc faire des allers-retours.

On appréciera particulièrement la conformité au RGPD (Règlement Général sur la Protection des Données) qui permet d’avoir une boutique en règle au niveau du RGPD même pour les pop-ups.

Pop-up d’entrée, sortie, ajout de produits, newsletter

Avec un nom un peu plus barbare que les précédents modules, celui-ci nommé « Pop-up d’entrée, sortie, ajout de produits, newsletter » et conçu par IdNovate est pourtant tout aussi performant et utile pour votre boutique.

Comme son nom l’indique, ce module permet d’affiche un pop-up à l’entrée sur votre boutique d’un visiteur, mais aussi lorsqu’il essaie de la quitter ou ajoute un produit à son panier. Des déclencheurs classiques, mais qui sont essentiels pour personnaliser l’affichage des pop-ups sur votre site Prestashop.

Le module vous permettra de mettre en avant les promotions, nouveaux produits, annonces ou formulaires d’inscription à la newsletter de la boutique et cela dans toutes les langues de votre boutique ! Grâce à ce module de pop-up, les pop-ups de votre site e-commerce seront affichés sur tous les appareils de vos visiteurs que ce soit des ordinateurs, tablettes ou smartphones.

Ever Popup

Voici enfin le module gratuit pour créer des pop-ups sur votre site Prestashop sans devoir y investir plusieurs dizaines d’euros. Le module Ever Popup conçu par la team Ever est un module assez simple pour créer des pop-ups sur votre boutique.

L’inconvénient de ce module est qu’il existe un déclencheur uniquement qui est l’entrée d’un visiteur sur une ou plusieurs pages spécifiques de votre boutique. Certaines pages pourront être exclues et un délai pourra être réglé néanmoins le déclencheur restera le même.

Si vous recherchez ce type de déclencher alors ce module est fait pour vous !

 

Créer un pop-up sur Prestashop

Pour créer un pop-up sur Prestashop vous aurez besoin d’un module spécifique si vous ne souhaitez pas ajouter du code à votre boutique. Dans les parties précédentes de cet article, nous vous avons présenté le module « Ever Popup » qui est un module gratuit pour créer des pop-ups et les afficher à l’entrée des visiteurs sur une page spécifique de votre boutique.

L’utilisation d’Ever Pop-up est pratique pour débuter avec l’utilisation de pop-ups, faire quelques tests et pourquoi ne pas passer ensuite à un module payant plus complexe et qui vous permettra plus de liberté dans la conception et l’affichage des pop-ups.

Pour commencer avec Ever popup vous devez télécharger le module sur le site de la team Ever accessible ici. Cliquez sur le bouton « Ajouter au panier » puis connectez-vous ou créez un compte pour pouvoir passer la commande du module, une commande qui sera gratuite bien évidemment.

Une fois le module commandé et lié à votre compte du site team-ever.com vous pourrez le télécharger en vous rendant dans les téléchargements de votre compte « Compte > Téléchargement » puis en cliquant sur le bouton « everpspopup.zip » situé sur la même ligne que le nom du module.

Vous retrouverez ce bouton aussi juste après avoir passé commande pour le module, si vous avez toujours la page de validation de commande d’ouverte vous pouvez télécharger le module à partir de cette page.

Ensuite, quand le module sera téléchargé, vous pourrez l’installer sur votre boutique Prestashop dans la section « Modules > Gestionnaire de modules » (1) puis en cliquant sur le bouton « Installer un module » (2).

Faites-y glisser ou sélectionner le fichier everpspopup.zip que vous venez de télécharger et attendez la fin de l’installation du module.

Lorsque le module sera installé sur votre site Prestashop, une nouvelle fonctionnalité « Ever Popup » sera apparue sous la section « Personnaliser > Apparence » du menu de votre back-office.

Cliquez sur la fonctionnalité « Ever Popup » (1) puis sur « Ajouter un nouvel élément » (2) pour créer votre premier pop-up.

Vous aurez plusieurs options à configurer pour afficher correctement votre popup. Voici en quelques étapes comment vous pouvez paramétrer un popup avec Ever Popup :

1. Dans la première section « Catégorie », cochez toutes les catégories de page et produits dans lesquels vous souhaitez voir apparaître le popup. Pour l’exemple nous sélectionnerons toutes les catégories du site, mais vous pouvez restreindre l’affichage à certaines catégories uniquement.
2. Ensuite définissez les groupes qui pourront voir le pop-up, si vous avez les groupes par défaut vous pourrez choisir entre « Visiteur », « Invité » ou « Client ».
3. « Où afficher la popup » vient en complément de la restriction des catégories pour limiter l’affichage sur certains types de pages seulement. Si vous ne souhaitez pas restreindre l’affichage de cette manière vous pouvez choisir d’afficher le popup sur « Toutes les pages ».
4. Par défaut, la durée de vie du cookie de pop-up est définie sur « Désactivé » qui permet d’afficher tout le temps le popup. Le problème avec ce réglage est qu’il devient trop intrusif et gênant pour la navigation sur votre boutique surtout si vous affichez le popup sur toutes les pages du site.
   Pour ne pas diminuer l’expérience utilisateur, nous vous conseillons de régler la durée de vie du cookie sur quelques jours (2 à 4 jours par exemple) pour ne pas l’afficher tout le temps, mais tout de même assez régulièrement à chaque visiteur.
5. Enfin vous allez pouvoir créer le corps de votre popup est renseignant un nom et un contenu au popup dans les champs « Nom » et Contenu de la popup ».
   Le contenu du popup a beaucoup d’importance, car c’est ici que vous y ferez passer le message à afficher. Réfléchissez bien au texte à mettre pour présenter une promotion, un nouveau produit ou vos réseaux sociaux par exemple et n’hésitez pas à accompagner le texte avec une image.
6. Vous avez presque fini à créer le popup, vous pouvez désormais définir un délai dans le champ « Délai » avant que le popup n’apparaisse au visiteur dès son arrivée sur une page de votre boutique où le popup doit apparaître.
7. Pour finir, activez le popup en cliquant sur le bouton à bascule « Activer » pour que celui-ci affiche la mention « Activé ». Vous pourrez ensuite cliquer sur « Sauvegarder » pour terminer la conception du popup et le rendre actif sur votre site e-commerce.

D’autres réglages sont disponibles pour paramétrer davantage votre popup, ici nous vous avons présenté les options principales pour créer un popup avec Ever Popup.

Testez votre popup directement sur votre boutique Prestashop selon les conditions et restrictions que vous avez définies pour valider que celui-ci s’affiche correctement comme vous le souhaitez.

Vous pouvez créer plusieurs popup avec le module Ever Popup cependant faites attention à ne pas créer des pop-ups qui se superposent et s’affichent selon les mêmes conditions.

 

Notre astuce pour mettre en place des pop-ups sur Prestashop

Les pop-ups sont des outils marketing très utiles pour mettre en avant facilement des promotions ou nouveautés sur votre site. Généralement affichés au centre de l’écran ou à des endroits visibles de votre site, vos visiteurs seront à coup sûr attirés par le contenu du popup qui s’affichera à eux.

L’objectif d’un pop-up est d’attirer l’attention sur un élément que vous souhaitez présenter à vos visiteurs. Proposez à vos visiteurs une offre irrésistible qui les poussera à passer à l’action, que ce soit pour vous donner leur adresse mail à travers une newsletter ou augmenter la valeur de leur panier.

Créer un pop-up est assez simple grâce aux modules Prestashop néanmoins il est plus complexe de créer un pop-up efficace qui saura convaincre vos visiteurs. N’hésitez pas à poster une annonce gratuitement sur Codeur.com pour trouver rapidement l’aide d’un freelance qui pourra vous aider à concevoir des pop-ups performants pour le marketing de votre boutique Prestashop.