Description
La vidéo Webbax sur notre module gratuit de popup !
Grâce à son tutoriel, nous avons revu le design de la popup, et ajouté ses CSS (avec un remerciement dans le code 🙂 ) Merci Germain !
Retrouvez son tutoriel en cliquant ici
Choix du type de contenu pour la popup Prestashop
Déterminez sur quel type de page la popup doit s’afficher : accueil, catégories, CMS, produits… De cette manière, la popup sera moins contraignante pour vos internautes.
Vous pouvez bien évidemment afficher la popup sur n’importe quelle page de votre site Prestashop, très utile surtout lors que l’utilisation du mode “adulte”, pour contenu pouvant heurter la sensibilité des plus jeunes 🙂
Vous pouvez également déterminer sur quelle catégorie de produits vous désirez que la popup s’affiche !
Si vous avez choisi l’option “Afficher uniquement sur les catégories”, choisissez la ou les catégories sur lesquelles la popup doit apparaître, et laissez faire le module 🙂
Durée avant que la popup Prestashop se réapparaisse
Afin de ne pas montrer la popup trop fréquemment à vos visiteurs, ce qui aurait l’effet inverse de celui que vous recherchez, vous pouvez déterminer la durée de vie du cookie.
Ainsi, la popup ressurgira à échéance, en nombre de jours (un jour, deux jours, jusqu’à quasiment un mois).
Afin de tester, vous pouvez choisir l’option “Toujours afficher la popup” qui vous permettra de voir votre contenu avant de déterminer une fréquence plus adaptée aux envies de vos visiteurs/
Formulaire d’inscription à la newsletter
Suggérez à vos clients de s’inscrire à la newsletter directement depuis la popup !
Une simple case à cocher suffit, aucun paramétrage requis si ce n’est d’avoir à disposition les modules natifs de Prestashop permettant d’extraire la liste des mails inscrits à la newsletter.
Activable ou désactivable, à vous de décider ! De cette manière, vous pourrez augmenter les personnes inscrites à vos newsletters et potentiellement toucher davantage de cibles 🙂
Pensez cependant à avoir installé le module de newsletter natif de Prestashop, sans quoi aucune inscription ne sera réalisée (il s’agit ici d’un module de popup, pas de newsletter 🙂 )
Formulaire de contenu sensible ou adulte
Nous avons ajouté un nouveau mode : le mode “Adult”. Le site ne sera pas visible sauf si la personne renseigne une date de naissance, qui prouvera la majorité. Attention cependant, ce type de vérification demeure – qu’on soit bien d’accord – peu fiable, contactez-nous si vous souhaitez des options bien plus poussées.
Certaines personnes regrettaient de ne pouvoir bloquer l’accès à un site au contenu pour adultes. Désormais, sur l’activation d’un simple bouton, les personnes désirant accéder à votre Prestashop devront préciser une date de naissance. Si celle-ci révèle la majorité, alors la popup se désactivera et le visiteur pourra alors accéder à votre site. Le cas échéant, il demeurera bloqué.
Notez que ce réglage n’empêche nullement les visites des moteurs de recherche sur votre site, et nuit nullement à votre référencement naturel, pensez juste à activer la popup sur toutes les pages du site de manière à ne pas laisser d’accès sur d’autres pages.
Popup si client connecté ou non
Nous avions reçu pas mal de demandes d’affichage de la popup ou non selon si le client est connecté.
C’est désormais chose faite avec un bouton “switch”, à savoir un bouton demandant si oui ou non les popups doivent êtres visibles selon les utilisateurs connectés.
Si le client est connecté, il ne verra pas la popup que vous aurez paramétrée. Ainsi, seules les personnes non connectées auront droit à vos popups.
Le cas échéant, en passant le bouton de réglage à “Non”, toute personne visitant votre boutique verra la popup s’afficher, selon la durée de vie du cookie que vous avez paramétré au préalable.
Des shortcodes pour personnaliser vos popups !
Afin d’interpeller au plus proche vos clients s’ils sont connectés, ou pour générer automatiquement des liens, des shortcodes sont à votre disposition pour votre contenu. En voici la liste :
- [entity_lastname] => prénom du client,
- [entity_firstname] => nom du client,
- [entity_company] => entreprise du client,
- [entity_siret] => Siret du client,
- [entity_ape] => code APE du client,
- [entity_birthday] => date d’anniversaire du client,
- [entity_website] => site internet du client,
- [entity_gender] => genre du client,
- [shop_url] => URL de votre boutique,
- [shop_name] => nom de votre boutique,
- [start_cart_link] => ouvre un lien vers le panier,
- [end_cart_link] => ferme un lien vers le panier,
- [start_shop_link] => ouvre un lien vers la page d’accueil,
- [end_shop_link] => ferme un lien vers la page d’accueil,
- [start_contact_link] => ouvre un lien vers la page contact,
- [end_contact_link] => ferme un lien vers la page contact
Vous aimez les shortcodes ? Avez-vous essayé notre module de blocs HTML Ever Blocs pour Prestashop ?
Ajouter une image de fond à la popup
Pour ajouter une image de fond sur votre popup, mettez sur votre serveur via Filezilla ou depuis les CMS votre média en ligne.
Copiez le lien de l’image mise en ligne sur votre boutique Prestashop, et rendez-vous dans votre thème pour ajouter une simple règle CSS.
Si votre site est sous Prestashop 1.7, alors vous pourrez éditer le fichier /themes/VOTRETHEME/assets/css/custom.css. Sinon, vous pouvez éditer le fichier /themes/VOTRETHEME/css/global.css
Notez au demeurant que si vous êtes sous Prestashop 1.7, il est recommandé de disposer d’un thème enfant.
Ajoutez la règle CSS suivante, en veillant à modifier l’URL de l’image par celle que vous venez de mettre en ligne :
#everpspopup_block_center>.container{ background: url(URLDEMONIMAGE); background-size: cover; background-position: center center; background-repeat : no-repeat; height:50vh;}Enregistrez et veillez à vider le cache de votre Prestashop pour que l’image s’affiche bien en fond de votre popup.
Une popup trop petite ?
Il est plus que probable que votre thème s’amuse à réécrire le design de l’outil Fancybox
Afin de corriger les CSS de votre thème, ajoutez ces lignes de code :
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: auto; left: auto; position: relative; right: auto; top: auto;}Sous Prestashop 1.6, placez ce code à la fin de votre fichier global.css, sous Prestashop 1.7 en revanche, vous disposez d’un fichier custom.css, ou utilisez un thème enfant
Télécharger la documentation du module Ever Popup en français et au format PDF
Télécharger la documentation du module Ever Popup en anglais et au format PDF
Comment installer ce module Prestashop ?
Rendez-vous dans l’onglet “Modules” de l’administration de votre boutique Prestashop.
Cliquez sur “Installer un module”, et récupérez l’archive du module depuis votre ordinateur.
Si vous êtes sur Prestashop 1.7, le module s’installera automatiquement, sinon vous devrez cliquer sur le bouton “Installer” une fois le module téléversé sur votre boutique
Comment récupérer la mise à jour du module ?
Pour récupérer la mise à jour du module, rendez-vous dans l’onglet “Téléchargements” de votre compte client.
Mon Compte
Si le module n’apparaît plus, cela signifie que le délai de téléchargement de 365 jours est expiré, auquel cas il vous suffit de repasser commande afin de renouveler la disponibilité du module sur notre boutique.
Tous nos modules sont accessibles depuis votre espace client sur une durée d’un an.
A quoi correspond la durée de vie du cookie ?
Lorsque la popup est déclenchée, le module Ever Popup ajoute un cookie anonyme sur l’ordinateur de l’internaute. Ce cookie a une durée de vie à paramétrer dans chaque popup.
Si le cookie est présent sur l’ordinateur de l’internaute, alors la popup ne se redéclenchera pas. Lorsque le cookie sera automatiquement supprimé de l’ordinateur de l’internaute, alors la popup ressurgira.
Prenons l’exemple d’une durée de vie de cookie de 5 jours. Le client verra la popup le lundi, et ne reverra pas la popup avant cinq jours.
Dois-je activer Fancybox pour afficher les popups ?
Ici la réponse est très simple : si vous ne visualisez pas vos popups, commencez par activer ou désactiver l’utilisation de Fancybox. En inversant le réglage dans la configuration du module, il est à parier que les popups s’afficheront.
Vous pouvez également regarder dans la console javascript si vous visualisez une erreur Fancybox, signifiant que soit Fancybox est déjà chargé, soit qu’il ne l’est pas. Si Fancybox est déjà chargé, désactivez le réglage. En revanche, si Fancybox n’est pas chargé, activez simplement le réglage.
Ce module réalise-t-il un override ?
La dernière version de notre module ne réalise plus d’override. Vous pouvez d’ailleurs visualiser le code du module directement sur Github à cette URL :