How to Add a Notification Bar to PrestaShop (2026)

A shopper who lands on a PrestaShop store sees the header first. A slim bar above it is the one place a free shipping threshold or a sale code gets read before anything else on the page.

PrestaShop does not ship with a notification bar. The Classic theme has no setting for one, so stores add it with a module.

Below are the 10 steps to add one with screenshots, the message types that work, where to place the bar, and the fixes when it does not show.

Does PrestaShop Have a Notification Bar?

No. The Classic theme that ships with PrestaShop has no bar setting, and the Addons marketplace fills the gap with paid notice bar modules that tie the bar to your theme.

The route below uses the WiserNotify module instead. The bar is built in a dashboard, so the message, timing and pages change without touching the theme or re-uploading a module.

Bar type	Example line	What to add
Free shipping	Free shipping on orders over €60	A Shop now button
Promotion	Summer sale, 20% off with code SUN20	A coupon code shoppers can copy
Limited-time offer	Flash sale ends in 02:14:36	A countdown timer
Product launch	The new autumn range is in	A link to the category page
Store notice	Order by the cutoff date for holiday delivery	An end date, so it removes itself

Keep one message per bar. A code and a shipping line in the same bar means neither gets read.

How Do You Add a Notification Bar to PrestaShop?

The bar comes from WiserNotify, which connects to PrestaShop through its own module. The module works on PrestaShop 1.7 and above. The video shows the bar being built, and the steps below cover the module first.

Step 1: Download the WiserNotify Module

1. Sign up for WiserNotify and open Integrations, then PrestaShop.
2. Download the PrestaShop module. It arrives as a ZIP file, which you upload as it is.

Step 2: Copy Your API Key

1. In WiserNotify, open Install Pixel and scroll to the bottom.
2. Click the API key to copy it.

Step 3: Open Module Manager

1. Log in to your PrestaShop admin panel.
2. Go to Modules, then Module Manager, and click Upload a module.

Step 4: Upload the ZIP

1. Click Select file and pick the ZIP from Step 1.
2. Wait for PrestaShop to install it. The module appears in the list as WiserNotify.

Step 5: Paste the API Key

1. Click Configure on the WiserNotify module.
2. Paste the API key, set the enable option to Yes, and click Save.

The module adds the WiserNotify pixel to your storefront and sends new orders to WiserNotify, which also powers sales notifications later.

Step 6: Verify the Pixel

1. Open your storefront once so the pixel loads.
2. Back on the Install Pixel page, click Verify pixel installation.

Step 7: Pick an Announcement Template

1. Go to Notifications, click Add notification and open the Announcements tab.
2. Pick Discount, Offer or Reminder, then click Add.
3. Name the bar and enter your store URL.

Step 8: Design the Bar

1. In the Design tab, write the line, such as Free shipping on orders over €60.
2. Add a button, a coupon code or a countdown if the offer needs one.
3. Match the colors and font to your PrestaShop theme and check the mobile preview.

Step 9: Choose Pages and Timing

1. In the Display tab, show the bar on all pages or only on chosen URLs, such as a category or the cart.
2. Narrow it by country or device if the offer only applies to some shoppers.
3. Set the campaign dates so the bar switches itself off when the sale ends.

Step 10: Publish and Check

1. Click Save, then Publish.
2. Open your store in a private window and check the bar on desktop and on a phone.

Where Should the Bar Show on PrestaShop?

Top of the page is the default and the right call for offers, launches and sale codes. The bottom works for a shipping threshold or a store notice that should stay visible while the shopper scrolls.

• Homepage: the storewide message, since most visits start here.
• Category pages: a discount that applies to that category only.
• Product pages: the free shipping threshold, next to the price.
• Cart page: the amount left to reach free shipping, or a code before checkout.
• Campaign landing pages: the same offer the ad or email promised, word for word.

Two rules keep it clean. Run one bar per page, and take it down the day the offer ends. An expired code in the bar costs more trust than no bar at all.

Notification Bar Not Showing on PrestaShop?

• Module not enabled: open Configure on the module and check the enable option is set to Yes.
• Wrong or missing API key: copy it again from the Install Pixel page and save.
• PrestaShop cache: go to Advanced Parameters, then Performance, and click Clear cache. PrestaShop serves cached pages until you do.
• Pixel not verified: load the storefront, then run Verify pixel installation again.
• Not published: saving the bar is not enough. Click Publish.
• Page rules too narrow: make sure the page URL matches the Display rule.
• Browser cache: check in a private window.

Wrap Up

One module upload and one API key connect PrestaShop. After that, the bar is a notification you edit in a dashboard, not a theme file.

Start with the free shipping threshold on every page, then add a dated bar for your next sale.

Related Post

• How to add an announcement bar to any website
• How to add an announcement bar to WooCommerce
• How to add an announcement bar to Drupal
• Announcement bar examples