Mon compte

Recherches populaires

Drupal Commerce

Barre d’annonces, pop-ups et boutons flottants

Module Drupal Commerce pour les messages de campagne sur toute la boutique : barre d’annonces aux comptes à rebours honnêtes, pop-ups accessibles avec code promo et boutons flottants d’appel, WhatsApp, e-mail et réseaux sociaux, avec une permission dédiée et compatible avec le cache des pages.

La barre d’annonces au-dessus de l’en-tête d’Olivero : messages l’un après l’autre, compte à rebours vers une fin fixe, boutons pause et fermer.Un pop-up avec image, code promo à copier et bouton ; il s’ouvre après un délai, au défilement ou à l’intention de sortie, aussi souvent que vous le décidez.Des boutons flottants pour appeler, ouvrir WhatsApp, écrire, visiter vos réseaux ou remonter, chacun avec un nom pour les lecteurs d’écran.+1
  • La barre d’annonces au-dessus de l’en-tête d’Olivero : messages l’un après l’autre, compte à rebours vers une fin fixe, boutons pause et fermer.
    1 / 4 La barre d’annonces au-dessus de l’en-tête d’Olivero : messages l’un après l’autre, compte à rebours vers une fin fixe, boutons pause et fermer.
  • Un pop-up avec image, code promo à copier et bouton ; il s’ouvre après un délai, au défilement ou à l’intention de sortie, aussi souvent que vous le décidez.
    2 / 4 Un pop-up avec image, code promo à copier et bouton ; il s’ouvre après un délai, au défilement ou à l’intention de sortie, aussi souvent que vous le décidez.
  • Des boutons flottants pour appeler, ouvrir WhatsApp, écrire, visiter vos réseaux ou remonter, chacun avec un nom pour les lecteurs d’écran.
    3 / 4 Des boutons flottants pour appeler, ouvrir WhatsApp, écrire, visiter vos réseaux ou remonter, chacun avec un nom pour les lecteurs d’écran.
  • Commerce › Configuration › Boutique › Barre promo, pop-ups et boutons : trois onglets à emplacements fixes, textes par langue.
    4 / 4 Commerce › Configuration › Boutique › Barre promo, pop-ups et boutons : trois onglets à emplacements fixes, textes par langue.

Fonctionnalités

  • Barre d’annonces rendue par le serveur dans page_top ou page_bottom : jusqu’à 5 messages qui défilent, se mettent en pause au survol, au focus ou par un bouton, et se ferment
  • Compte à rebours par message vers une fin fixe commune à tous ; à zéro le message disparaît, et sans JavaScript la date de fin reste affichée
  • Jusqu’à 3 pop-ups en boîtes de dialogue modales natives : image en fichier géré, code promo avec bouton de copie, Échap et retour du focus
  • Ouverture après un délai, un défilement ou à l’intention de sortie ; à chaque page, une fois par visite ou tous les N jours, mémorisé dans le navigateur seulement
  • Jusqu’à 6 boutons flottants avec nom accessible : tel:, discussion WhatsApp (wa.me avec un premier message par langue), mailto:, liens Instagram, Facebook, TikTok, YouTube, X, LinkedIn, Pinterest ou Telegram avec nos propres icônes génériques, et retour en haut
  • Par élément : dates, types de page (accueil, produit, terme de taxonomie ou vue produits, panier, commande), appareil et couleurs avec alerte de contraste WCAG
  • Un texte par langue du site ; tags de cache et max-age jusqu’au prochain changement programmé, avec rafraîchissement du cache des pages anonymes au début ou à la fin d’un élément

Seuil de livraison offerte, soldes qui finissent dimanche, fermeture pour congés, code de bienvenue : les messages de la boutique changent chaque semaine, et les coder en dur dans un template Twig ou un bloc à chaque campagne prend du temps. Ce module rassemble tout dans un formulaire pour les administrateurs de la boutique, avec dates, types de page et textes dans chaque langue du site, et une sortie qui ne joue pas de tours au cache de rendu.

Comment il s’intègre à Drupal Commerce

Versions
Drupal 11.3 avec Commerce 3.x et PHP 8.3. Testé avec Olivero ; tout thème dont le html.html.twig affiche page_top et page_bottom convient.
Administration
Commerce › Configuration › Boutique › Barre promo, pop-ups et boutons, un formulaire de configuration à onglets verticaux et emplacements fixes (5 messages, 3 pop-ups, 6 boutons), protégé par sa propre permission pour que les rôles marketing le modifient sans droits d’administration du site. Les réglages forment un seul objet de configuration exportable, avec schéma.
Front-office
La barre passe par hook_page_top (ou hook_page_bottom quand elle est en bas), les pop-ups et les boutons par hook_page_bottom ; la bibliothèque n’est jointe que s’il y a quelque chose à afficher.
Cache
Le HTML est le même pour tous les visiteurs et porte le tag de cache de la configuration, les contextes de route et de langue et un max-age jusqu’au prochain début ou fin. Un petit middleware HTTP rafraîchit à ce moment le cache interne des pages, qui sinon ignore le max-age du rendu.
Accessibilité
La rotation peut être mise en pause (WCAG 2.2.2), les pop-ups sont de vrais éléments <dialog> qui se ferment avec Échap et rendent le focus, les boutons ont un nom pour les lecteurs d’écran et le formulaire signale les contrastes faibles.

Installation

  1. Étape 1

    Récupérez le zip dans Mon compte › Téléchargements sur ecom-addons.com et décompressez-le dans modules/custom/.

  2. Étape 2

    Activez Promo Bar, Popups & Floating Buttons dans Extension (ou drush en ecom_addons_promo_bar).

  3. Étape 3

    Accordez Administrer la barre promo, les pop-ups et les boutons flottants aux rôles qui gèrent les campagnes, puis activez le message d’exemple dans Commerce › Configuration › Boutique.

Téléchargez le guide pas à pas (PDF)

Questions fréquentes

Est-ce compatible avec Internal Page Cache et Dynamic Page Cache ?

Oui. Rien dans le HTML ne dépend du visiteur : appareil, fréquence des pop-ups et marque « fermée » sont gérés dans le navigateur, et les pages sont rafraîchies à l’enregistrement ou quand un élément programmé commence ou se termine.

Chaque langue peut-elle avoir son texte ?

Oui, un champ par langue installée ; une traduction manquante reprend la langue par défaut.

Ajoute-t-il des cookies ou des appels externes ?

Non. Le navigateur retient seulement en local qu’un visiteur a fermé la barre ou vu un pop-up. Le code promo est affiché et copié ; la promotion elle-même se crée dans Commerce.

Puis-je l’exclure du panier et de la commande ?

Ils sont exclus par défaut pour chaque élément ; cochez-les seulement si vous voulez un message à cet endroit.

Le bouton WhatsApp prend-il des commandes ?

Non. Il ouvre une discussion WhatsApp avec votre numéro et, si vous le souhaitez, un premier message dans la langue du visiteur ; la commande via WhatsApp est un autre addon.

Historique des versions

  1. Chargement…

Avis

Chargement…

Voir tout
  • Drupal Commerce
  • Marketing

Alertes de retour en stock et de baisse de prix

Drupal Commerce ne gère pas de stock lui-même, et encore moins l’attente d’un client sur une variation épuisée. Ce module lit le champ de stock de votre choix et permet au visiteur de demander un seul e-mail quand le produit redevient disponible ou moins cher.

  • Un composant « Alertes stock et prix » pour Gérer l’affichage, activé à l’installation sur l’affichage par défaut de chaque type de produit
  • Fonctionne avec n’importe quel champ numérique des variations (field_stock par défaut) ; sans lui, seules les alertes de baisse de prix sont proposées
  • Vérification à chaque enregistrement d’un produit ou d’une variation, et passage du cron Drupal sur toutes les alertes actives

49,00 € HT

  • Drupal Commerce
  • Marketing

Badges produit intelligents

Drupal Commerce n’offre aucun moyen intégré de signaler dans le catalogue les produits soldés, récents ou populaires. Ce module superpose des badges Promo, Nouveau, Stock limité et Meilleure vente à l’image produit, depuis un seul formulaire de configuration.

  • Formulaire sous Commerce › Configuration › Badges produit, protégé par sa propre permission « Administer product badges »
  • Posé sur le premier champ image dans chaque mode d’affichage, de la page produit complète aux teasers de vos listes Views
  • Un composant « Badges produit » dans Gérer l’affichage, pour placer les badges sur les produits sans image ou les couper dans un mode donné

39,00 € HT

  • Drupal Commerce
  • Marketing

Compte à rebours des ventes flash

Ventes flash pour Drupal Commerce : un pourcentage de remise sur les variations entre deux moments fixes, avec un compte à rebours vers une fin immuable.

  • Des ventes flash avec un nom, un pourcentage de remise, un début et une fin ; programmez-les des jours à l’avance
  • La remise est le prix de la variation, l’ancien prix devenant prix catalogue : panier, taxes, commandes et autres addons la traitent comme une promotion ordinaire
  • Un compte à rebours sur la fiche produit, avec la date et l’heure exactes de fin, qui ne redémarre jamais ; déplacez-le dans Gérer l’affichage

39,00 € HT

  • Drupal Commerce
  • Marketing

Date de livraison estimée et créneaux

Module Drupal Commerce qui affiche une date de livraison estimée selon votre propre calendrier d’expédition, ajoute un volet « Livraison » à la commande pour réserver un jour et un créneau aux places limitées, et conserve l’engagement sur chaque commande pour l’e-mail, le compte client et la feuille de livraison.

  • Date estimée en champ supplémentaire de chaque type de produit, placé dans Gérer l’affichage ; le même HTML en cache pour tous, le compte à rebours et la date étant calculés dans le navigateur dans le fuseau de la boutique par défaut
  • Calendrier ouvré : heure limite par jour, jours de préparation de la boutique et par catégorie ou produit choisis par autocomplétion, jours de livraison et dates de fermeture, avec une plage quand le délai le plus court et le plus long diffèrent
  • Jours fériés nationaux de quinze pays calculés chaque année, fêtes de Pâques et jours de remplacement compris, présélectionnés d’après l’adresse de la boutique et décochables un par un

49,00 € HT