10 Fév 2017
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… 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 vite 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-up 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 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 clic 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, faîtes en sorte que l’information réapparaît qu’après un certain temps.

Vos clients doivent déjà supporter les bannières liées au cookie. Évitez donc de les spammés 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 possible 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 de l’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 ou 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’explication très bien expliqué 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 conçu pour vraiment 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 popup responsive.
  • Afficher une page CMS Prestashop dans une popup
  • Choississez le support d’apparition (Ordinateur, tablette, mobile…)
  • SAV de 6 mois du module et extensible !
  • Afficher différents contenus possible…

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 responsive 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écurent ? 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.

2 commentaires sur “Comment créer facilement un pop-up sur Prestashop ?
  1. Bonjour,
    Très intéressant comme extension! Petite question: est-il possible de mettre le popup uniquement sur la version desktop ? Je cherche un moyen de mettre un popup sur mon site mais pas sur la version mobile.
    Merci !

    1. Merci pour le commentaire !
      C’est assez simple de le réaliser en CSS mais le module ne permet pas de choisir un affichage différent selon le support.

      Un option à soumettre au développeur 🙂

Laisser un commentaire

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