My account

Popular searches

Drupal Commerce

Promo Bar, Popups & Floating Buttons

Drupal Commerce module for site-wide campaign messages: an announcement bar with honest countdowns, accessible popups with a coupon code and floating call, WhatsApp, email and social buttons, managed by store admins with their own permission and safe with the page cache.

The announcement bar above the Olivero header: messages one after another, a countdown to a fixed end, pause and close buttons.A popup with an image, a coupon code to copy and a button; it opens after a delay, on scroll or on exit intent, as often as you choose.Floating buttons to call, open WhatsApp, email, visit your social profiles or go back to the top, each with a name for screen readers.+1
  • The announcement bar above the Olivero header: messages one after another, a countdown to a fixed end, pause and close buttons.
    1 / 4 The announcement bar above the Olivero header: messages one after another, a countdown to a fixed end, pause and close buttons.
  • A popup with an image, a coupon code to copy and a button; it opens after a delay, on scroll or on exit intent, as often as you choose.
    2 / 4 A popup with an image, a coupon code to copy and a button; it opens after a delay, on scroll or on exit intent, as often as you choose.
  • Floating buttons to call, open WhatsApp, email, visit your social profiles or go back to the top, each with a name for screen readers.
    3 / 4 Floating buttons to call, open WhatsApp, email, visit your social profiles or go back to the top, each with a name for screen readers.
  • Commerce › Configuration › Store › Promo bar, popups and buttons: three tabs with fixed slots, texts per language.
    4 / 4 Commerce › Configuration › Store › Promo bar, popups and buttons: three tabs with fixed slots, texts per language.

Features

  • Announcement bar rendered in page_top or page_bottom by the server: up to 5 messages that rotate, pause on hover, focus or with a button, and can be closed
  • Countdown per message to one fixed end for all visitors; the message hides at zero and the end date is shown without JavaScript
  • Up to 3 popups as native modal dialogs: image stored as a managed file, coupon code with a copy button, Esc and focus return
  • Opens after a delay, a scroll depth or on exit intent; every page view, once per visit or once every N days, remembered only in the browser
  • Up to 6 floating buttons with accessible names: tel:, a WhatsApp chat (wa.me with a first message per language), mailto:, links to Instagram, Facebook, TikTok, YouTube, X, LinkedIn, Pinterest or Telegram with our own generic icons, and back to top
  • Per item: dates, page types (front page, product, taxonomy term or product view, cart, checkout), device and colours with a WCAG contrast warning
  • One text per site language; cache tags and max-age up to the next scheduled change, with the anonymous page cache refreshed when an item starts or ends

A free-shipping threshold, a sale that ends on Sunday, a holiday closure, a welcome coupon: storefront messages change every week, and hard-coding them in a Twig template or a block for each campaign is slow. Promo Bar, Popups & Floating Buttons gives store admins one form for all of it, with dates, page types and texts in every language of the site, and output that never surprises the render cache.

How it fits into Drupal Commerce

Versions
Drupal 11.3 with Commerce 3.x on PHP 8.3. Tested with Olivero; any theme whose html.html.twig prints page_top and page_bottom works.
Admin
Commerce › Configuration › Store › Promo bar, popups and buttons, a configuration form with vertical tabs and fixed slots (5 messages, 3 popups, 6 buttons), behind its own permission so that marketing roles can edit it without site administration rights. Settings are one exportable configuration object with a schema.
Front end
The bar is printed through hook_page_top (or hook_page_bottom when it sits at the bottom), popups and buttons through hook_page_bottom; the library is attached only when something is printed.
Caching
The HTML is identical for every visitor and carries the configuration cache tag, route and language contexts and a max-age up to the next start or end. A small HTTP middleware also refreshes the internal page cache at that moment, which otherwise ignores render max-age.
Accessibility
Rotation can be paused (WCAG 2.2.2), popups are real <dialog> elements that close with Esc and give the focus back, buttons have names for screen readers, and the form warns about low contrast.

Installation

  1. Step 1

    Get the zip from My account › Downloads on ecom-addons.com and unzip it into modules/custom/.

  2. Step 2

    Enable Promo Bar, Popups & Floating Buttons in Extend (or drush en ecom_addons_promo_bar).

  3. Step 3

    Grant Administer the promo bar, popups and floating buttons to the roles that run campaigns, then switch on the sample message in Commerce › Configuration › Store.

Download the step-by-step guide (PDF)

FAQ

Does it work with the page cache and Dynamic Page Cache?

Yes. Nothing in the HTML depends on the visitor: devices, popup frequency and the "closed" flag are handled in the browser, and pages are refreshed when you save or when a scheduled item starts or ends.

Can each language have its own text?

Yes, one field per installed language; a missing translation falls back to the default language.

Does it add cookies or call external services?

No. The browser only remembers locally that a visitor closed the bar or saw a popup. The coupon code is shown and copied; the promotion itself is created in Commerce.

Can I keep it off the cart and checkout?

They are excluded by default for every item; tick them only if you want a message there.

Does the WhatsApp button take orders?

No. It opens a WhatsApp chat with your number and an optional first message in the visitor's language; ordering through WhatsApp is a separate addon.

Version history

  1. Loading…

Reviews

Loading…

See all
  • Drupal Commerce
  • Marketing

Abandoned Cart Recovery

Drupal Commerce module for draft orders that never reach checkout completion: it emails the customer up to three times from cron, with a signed link that refills the cart and an optional coupon from a Commerce promotion.

  • Works on Commerce draft orders (carts) and stops on the order place transition, for customers and guests who passed the contact step
  • Coupons belong to a Commerce Promotion named “Abandoned cart recovery: N%”, one per percentage, not combinable
  • Runs from Drupal cron, with a Send due reminders now button for the impatient

€59.00 + VAT

  • Drupal Commerce
  • Marketing

Back in Stock & Price Drop Alerts

Drupal Commerce has no stock tracking of its own, let alone a way for customers to wait for a sold-out variation. This module reads the stock field you choose and lets visitors ask for one email when a product is available again or cheaper.

  • A “Stock & price alerts” component for Manage display, enabled on the default display of every product type at install
  • Works with any number field on your variations (field_stock by default); without one, only price-drop alerts are offered
  • Checked whenever a product or variation is saved, and swept by Drupal cron for every active alert

€49.00 + VAT

  • Drupal Commerce
  • Marketing

Chat & Order for WhatsApp

Drupal Commerce module that turns WhatsApp into a sales channel: chat buttons with opening hours, product questions and shares, carts placed as orders in a new workflow state awaiting confirmation, and staff message templates on the admin order page.

  • Floating chat button printed through hook_page_bottom, with one to three contacts in a keyboard-friendly panel and a first message per installed language
  • Opening hours per weekday in the default store’s time zone, evaluated in the browser so the page cache stays valid; outside them the button says when you reply, or hides
  • “Ask on WhatsApp” and “Share on WhatsApp” as an extra field of every product type, placed in Manage display; the question carries the product title, SKU and address

€49.00 + VAT

  • Drupal Commerce
  • Marketing

Estimated Delivery Date & Time Slots

Drupal Commerce module that shows an estimated delivery date from your own dispatch calendar, adds a Delivery checkout pane where customers book a day and time slot with limited seats, and keeps the promise on the order for receipts, accounts and a daily delivery sheet.

  • Estimated delivery date as an extra field of every product type, placed in Manage display; the same cached HTML for all visitors, with the countdown and the date worked out in the browser in the default store’s time zone
  • Business-day calendar: cut-off time per weekday, preparation days for the store and per category or product picked by autocomplete, delivery weekdays and closed dates, with a range when the fastest and slowest delivery differ
  • National holidays of fifteen countries computed for every year, Easter-based days and substitute days included, preselected from the default store’s address and untickable one by one

€49.00 + VAT