Blog navigation

Derniers articles

PromoBar – Nouveau module PrestaShop : bandeau d’annonce personnalisable, léger et sans dépendances
PromoBar – Nouveau module PrestaShop : bandeau d’annonce personnalisable, léger et sans dépendances
85 vues

Nouveau 17 octobre 2025 par BeDOM – Solutions Web Nous publions PromoBar, un module open-source qui affiche un...

Lire la suite'
🐞 Correction de bug PrestaShop : ce qu’il faut savoir
🐞 Correction de bug PrestaShop : ce qu’il faut savoir
114 vues

Découvrez comment diagnostiquer et corriger efficacement un bug sur PrestaShop. Causes fréquentes, méthode de...

Lire la suite'
🛠️ Correction Bug WordPress : Guide Complet pour Résoudre Vos Problèmes
🛠️ Correction Bug WordPress : Guide Complet pour Résoudre Vos Problèmes
209 vues

Découvrez comment maîtriser les bugs WordPress avec notre guide complet ! Apprenez à identifier et corriger les...

Lire la suite'

Tags de blog

PromoBar – Nouveau module PrestaShop : bandeau d’annonce personnalisable, léger et sans dépendances

Au programme

Pourquoi un bandeau d’annonce ?

Un bandeau d’annonce bien placé est un moyen sobre et non intrusif de mettre en avant une information clé : promotion en cours, livraison offerte, événement, message de service… Contrairement aux pop-ups, il n’interrompt pas la navigation : il accompagne vos visiteurs et améliore la découverte sans friction.

PromoBar met l’accent sur la visibilité utile : un message court, un bouton d’action clair, une temporalité maîtrisée (dates et compte à rebours) et une personnalisation simple pour rester aligné à votre charte.

Fonctionnalités du module

Message multilingue

Gérez vos annonces dans plusieurs langues avec un mini-markup sécurisé : **gras**, [lien](https://…), retours à la ligne.

Planification par dates

Définissez une date de début et/ou de fin ; le bandeau s’active et s’arrête automatiquement.

Compte à rebours

Activez un timer lisible dès qu’une date de fin est renseignée pour créer une urgence maîtrisée.

Bouton d’action

Bouton optionnel avec texte multilingue, URL (http/https) et couleurs personnalisables (fond, texte, bordure).

Animations légères

Choix entre Aucune, Défilement horizontal, Pulsation douce ou Clignotement léger — avec respect des préférences “mouvements réduits”.

Sans dépendances externes

Aucune police ni script tiers. Whitelist de polices locales, CSS/JS juste ce qu’il faut.

Contrôles utiles

  • Activation/Désactivation du bandeau depuis l’admin.
  • Position d’affichage : après l’ouverture de <body> (recommandé) ou displayTop.
  • Bouton “Fermer” avec durée de cookie configurable : 1, 3, 7, 15, 30, 90, 365 jours.
  • Couleurs : fond et texte du bandeau + styles du bouton (fond, texte, bordure).
  • Police : sélection dans une liste blanche locale (aucun chargement externe).

Compatibilité & intégration

  • PrestaShop : 1.7.x → 9.x
  • Hooks : displayAfterBodyOpeningTag et displayTop
  • Creative Elements : compatible
  • PHP : testé 7.4 → 8.4
  • Thèmes modernes : intégration non intrusive, sans surcharge

PromoBar n’ajoute aucune dépendance externe et respecte les préférences d’accessibilité natives du navigateur.

Personnalisation & accessibilité

Gardez la maîtrise : couleurs, police (whitelist), animations et mise en forme du message — sans impacter les performances. Les effets s’ajustent automatiquement si l’utilisateur active la préférence réduire les animations.

Installation & configuration

  1. Téléchargez promobar.zip depuis bedom.fr/plugins.
  2. Back-office : Modules > Gestionnaire de modules > Téléverser un module, importez le ZIP.
  3. Ouvrez la page de configuration « PromoBar », puis :
    • Activez le bandeau et choisissez la position (après <body> recommandé).
    • Saisissez le message multilingue (**gras**, [lien](https://…), retours à la ligne).
    • Définissez les dates d’affichage et, si besoin, le compte à rebours.
    • Activez le bouton d’action (texte, URL, couleurs).
    • Réglez la durée du cookie pour le bouton « Fermer ».

Important : le dossier racine dans le ZIP doit s’appeler promobar/ (identique à $this->name, sinon PrestaShop refuse l’installation).

Télécharger PromoBar

Cas d’usage concrets

  • Promotions : soldes, ventes flash, codes promo.
  • Opérations saisonnières : fêtes, rentrée, Black Friday…
  • Info service : délais d’expédition, fermeture exceptionnelle, SAV.
  • Lancement produit : annonce « Nouveauté » avec CTA direct.
  • Message de réassurance : livraison offerte, retours sous X jours, hotline.

FAQ

Le bandeau s’affiche-t-il partout ?

Oui, selon le hook choisi (après <body> ou displayTop), le bandeau apparaît sur l’ensemble du site.

Le compte à rebours fonctionne sans date de fin ?

Non. Le timer s’active uniquement si une date de fin est définie, et s’arrête automatiquement à l’échéance.

Puis-je désactiver les animations ?

Oui. Choisissez « Aucune ». PromoBar respecte aussi la préférence système « mouvements réduits ».

Le module charge-t-il des polices externes ?

Non. PromoBar utilise une liste blanche de polices locales pour préserver la performance et la confidentialité.

Le bouton d’action est-il multilingue ?

Oui. Le texte du bouton est multilingue, et son URL est totalement personnalisable (http/https).

Changelog

v1.0.0 — Première version stable

  • Bandeau d’annonce configurable (message multilingue, mini-markup sécurisé).
  • Planification par dates et compte à rebours optionnel.
  • Personnalisation visuelle : couleurs, police (whitelist), animations légères.
  • Bouton d’action (texte multilingue, URL http/https, couleurs).
  • Bouton « Fermer » avec durée de cookie (1 → 365 jours).
  • Hooks : displayAfterBodyOpeningTag et displayTop.
  • Aucune dépendance externe, respect des préférences d’accessibilité.

PromoBar est distribué sous licence MIT. Développé par BeDOM – Solutions Web.

Télécharger le module

Ce blog vous a-t-il été utile?
Publié dans: Modules PrestaShop
Je suis Bertrand Domat, développeur Web Full-Stack et fondateur de BeDOM – Solutions Web. Passionné par la création de sites WordPress et PrestaShop, je dispose de plus de dix ans d’expérience dans le développement, la maintenance et l’optimisation de projets digitaux. J’attache une grande importance à l’UX/UI, à la performance et au SEO, pour offrir aux utilisateurs une expérience fluide et valoriser les marques en ligne. À travers ce blog, je partage mes astuces, tutoriels et bonnes pratiques, afin de vous aider à développer votre activité, gagner en visibilité et augmenter vos ventes sur le web.

Laissez un commentaire

Code de sécurité