04 Déc 2022
Comment créer un pop-up sur Prestashop

Comment créer facilement un pop-up sur Prestashop ?

Il est toujours utile sur un site e-commerce d’afficher des informations en pop-up. Il peut être question d’afficher une vidéo, un texte particulier, une promotion, etc. Avec un module Prestashop de pop-up, affichez ce que vous voulez n’importe où sur votre site internet en version ordinateur ou mobile.

Qu’est-ce qu’un pop-up ?

Un pop-up ou fenêtre contextuelle (en bon Français) est une petite fenêtre qui apparaît sur votre écran lorsque vous naviguez sur le Web ou lors d’une visite d’un site internet. Il peut transmettre un message, afficher des informations ou répondre à des questions. Il existe de nombreux types de fenêtres contextuelles.

Les pop-ups sont un moyen populaire de diffuser des messages sur les nouveaux produits, d’engager le dialogue avec les clients et d’augmenter les conversions.

En e-commerce, il est un bon moyen d’alerter un utilisateur sur un produit en particulier à vendre. Cependant, il ne faut pas gâcher l’expérience client en le harcelant avec des pop-ups.

Pop-up et e-commerce, ne pas trop forcer

En e-commerce, on parle souvent du nombre de clics avant l’achat. Le fait d’avoir une information dans une fenêtre pop-up sur votre site dès qu’on arrive dessus, va forcément générer un clic supplémentaire pour l’utilisateur.

Si vous cumulez les pop-ups alors votre prospect va devoir cliquer plusieurs fois pour nettoyer la visibilité sur le site mais cela peut aussi l’empêcher d’accéder au site. Certaines boutiques en ligne forcent le chargement d’une fenêtre modal à chaque chargement de page. Cela va vite énerver votre utilisateur qui va vite quitter le site.

Ne soyez pas trop gourmand. Limitez les informations dans votre pop-up, allez à l’essentiel et si le client le ferme, faites en sorte que l’information réapparaisse qu’après un certain temps.

Vos clients doivent déjà supporter les bannières liées au cookie. Évitez donc de les spammer d’informations. Au mieux, vous pouvez rajouter un pop-up exit. J’en parle dans cet article blog : Installer un pop-up exit sur son site e-commerce Prestashop ou Woocommerce

Un module Prestashop gratuit de pop-up

Les amis de chez Team Ever sont encore une fois les auteurs d’un module gratuit. Ce module compatible sur Prestashop 1.7 permet d’afficher du contenu grâce à un éditeur de texte.

Chose très importante, ce module est adapté aux versions mobiles. En général, si vous faites du e-commerce, c’est par ce biais que vos visiteurs arrivent principalement.

Il possède différentes options :

  • Demander l’âge du visiteur
  • Mise à disposition des variables Prestashop à utiliser
  • Créer autant de popup qu’on le souhaite
  • Choisir dans quel groupe client afficher le popup
  • Choisir la catégorie Prestashop pour afficher le popup
  • Durée de vie du cookie, selon un transporteur… Un module gratuit vraiment complet !
Interface prestashop du module popup team ever
Différents choix possibles en back-office
Créer un pop-up sur prestashop
J’ai créé un pop-up avec ce module Prestashop

Il y a beaucoup de réglages à utiliser, c’est vraiment super. Le petit inconvénient est de ne pas pouvoir choisir sa taille en version ordinateur. On peut vite avoir une fenêtre très large et pas très esthétique. Néanmoins, si vous touchez un peu en code CSS, il est très simple d’adapter.

Un module Prestashop avancé pour créer un pop-up

Ce module est développé par Olivier CLEMENCE. Il est compatible avec Prestashop 1.5, 1.6 et 1.7.

Le gros avantage de ce module, c’est la possibilité de placer le lien en pop-up n’importe où sur votre boutique en ligne. Vous pouvez la mettre dans un simple lien sur du contenu mais aussi dans un module menu si besoin.

Le module ajax pop-up s’installe facilement depuis le back-office Prestashop, dans le menu “modules”, cliquez en haut à droite sur ajouter un nouveau module et importez votre fichier zip.

Vous n’avez pas à vous rendre à chaque fois dans le module pour le configurer, il y a juste un document PDF d’explications très bien conçu sur l’utilisation du module. Un nouveau menu en bas à gauche est créé et vous permet de configurer le module.

module-ajax-pop-up-prestashop-1-6

Une utilisation très simple du module popup !

La gestion du module est assez simple, surtout que le développeur du module a pris le soin de mettre une vidéo d’explication. Je ne vais pas vous faire un tutoriel détaillé du coup, le module est vraiment fait pour vous aider et simplifier son utilisation.

back-office-prestashop-ajax-pop-up-store-opart

Mais voici une liste de fonctionnalités intéressantes :

  • Garantie satisfait ou remboursé sans condition pendant 60 jours !
  • Pouvoir créer des pop-ups responsives.
  • Afficher une page CMS Prestashop dans une popup
  • Choisir le support d’apparition (Ordinateur, tablette, mobile…)
  • SAV de 6 mois du module et extensible !
  • Afficher différents contenus possibles…

J’ai créé ci-dessous un pop-up responsive sur une page CMS. Attention si vous choisissez l’option responsive sur votre pop-up, il faut indiquer les tailles en % c’est à dire une valeur entre 0 et 100 🙂

popup-responsive-prestashop

Pour acquérir ce module et réaliser des pop-ups en responsives sur votre Prestashop il suffit d’aller sur le site du développeur Olivier CLEMENCE : http://www.store-opart.fr/

Utilisez le pop-up dans votre stratégie e-commerce

Vous avez de nombreux moyens d’intégrer une fenêtre d’information sur votre boutique en ligne. Dans cet article j’ai proposé 2 modules. Cependant sur la marketplace Prestashop, vous avez encore de nombreux autres modules du même type.

Choisissez bien celui que vous voulez installer sur votre boutique pour qu’il réponde à un besoin précis dans votre stratégie. Quelle information je dois faire apparaître au client ? Est-ce que je dois afficher un pop-up différent pour les visiteurs et pour mes clients récurents ? Est-ce que je veux l’afficher uniquement en mobile ou pas ?

Plusieurs réflexions pour optimiser l’information client et pourquoi pas convertir plus de visiteurs en clients.

772424 un hébergement Prestashop

Vous souhaitez de l’aide pour ajouter un pop-up ?

– Je vais me connecter à votre boutique / serveur
– J’installe un module ou je place le bout de code
– Je fais fonctionner le tout et je vous en informe

Il suffit d’acheter un ticket Prestashop depuis ma boutique en ligne.