Want to make sure shoppers notice your latest offer, free shipping deal, coupon code, or important store update?
An announcement bar gives you a simple way to put that message where visitors can see it without interrupting their shopping.
You can place a small bar at the top or bottom of your PrestaShop store and use it to promote messages such as:
Free shipping on orders over $50. Shop now or Summer Sale: Get 20% off with code SUMMER20
In this guide, we’ll show you how to add an announcement bar to PrestaShop using WiserNotify. We’ll also cover other ways to create one, where to place it, and a few common mistakes to avoid.
Types of Announcement Bars You Can Use in PrestaShop
The type of announcement bar you use depends on what you want shoppers to know or do.
1. Promotional announcement bar
Use this type to promote a discount, sale, or coupon code.
Example: Get 15% off your order with code SAVE15.
It works well for seasonal sales, weekend promotions, first-order discounts, and store-wide offers.
2. Free shipping bar
Shipping costs can affect a customer’s buying decision, so displaying your free shipping offer near the top of the page makes it easier to notice.
Example: Free shipping on orders over $75.
If the offer has a minimum order amount, make that amount clear in the message.
3. Limited-time offer bar
Use a limited-time bar when your promotion has a real deadline.
Example: Flash Sale: 20% off until midnight.
You can also add a countdown timer if you want visitors to see how much time remains.
4. Product launch bar
An announcement bar can send shoppers to a new product or collection.
Example: Our new summer collection is here. Shop now.
Link the bar directly to the relevant product or collection page.
5. Store update bar
Announcement bars do not always need to sell something.
You can also use them for shipping delays, holiday opening hours, return policy updates, or other useful information.
Example: Order by December 18 for Christmas delivery.
Build urgency
Add floating offers with countdown timer & coupon code.
How to Add an Announcement Bar to PrestaShop With WiserNotify
WiserNotify lets you add an announcement bar to your PrestaShop store without editing your theme code.
To set it up, you only need to complete two main steps:
- Connect your PrestaShop store with WiserNotify
- Create and publish your announcement bar
Here’s the correct setup process.
Step 1: Check Your PrestaShop Version
Before installing WiserNotify, make sure your store is running a supported version.
WiserNotify works with PrestaShop 1.7 and above.
If your version is lower than 1.7, you must upgrade your store before continuing.
Step 2: Download the WiserNotify PrestaShop Module
Download the official WiserNotify PrestaShop module from your WiserNotify dashboard or integration page.
The file will be downloaded as a ZIP file.
Keep this file ready because you will upload it in PrestaShop.
Please download our Prestashop plugin from here.
Step 3: Get Your WiserNotify API Key
Log in to your WiserNotify account.
Go to the Pixel section.
Copy your API key from there.
You will need this key to connect your store.
Step 4: Install the Module in PrestaShop
Log in to your PrestaShop admin panel.
Go to:
Modules > Module Manager
Click Upload a module
Upload the ZIP file you downloaded from WiserNotify.
Wait until PrestaShop finishes installing it.
Step 5: Connect PrestaShop with WiserNotify
After installation, click Configure on the WiserNotify module.
Paste your API key into the field.
Enable the connection by selecting Yes.
Click Save.
Your PrestaShop store is now connected to WiserNotify.
Step 6: Create an Announcement Bar
Go to your WiserNotify dashboard.
Click Widget -> Start creating widget
Select Announcement Bar
This opens the editor where you can build your bar.
Step 7: Add Your Announcement Message
Enter the message you want to show on your store.
Keep it short and clear.
Example format:
- Free shipping on orders over $50
- 20% off this weekend
- Get 10% off with code WELCOME10
- New collection is live
Avoid long sentences. Keep only one clear message.
Step 8: Customize the Design
Adjust the appearance of your announcement bar.
You can change:
- Background color
- Text color
- Font style
- Button text
- Button link
- Set Timing
- Data control
Make sure the text is easy to read, and the button is clear.
Step 9: Set Display Rules
Choose where the announcement bar should appear.
You can show it:
- On all pages
- On specific pages (product, category, cart, etc.)
Select rules based on your campaign so the message appears in the right place.
Step 10: Preview the Announcement Bar
Before publishing, preview your announcement bar.
Check:
- Message is correct
- Button works properly
- Design looks good on mobile and desktop
Fix anything if needed.
Step 12: Publish
Click Save and then Publish.
Your announcement bar will now be live on your PrestaShop store based on your settings.
Open your store in a browser to confirm it is working correctly.
That’s it.
Your WiserNotify announcement bar is now active on PrestaShop.
Boost Conversion Instantly
Add Social Proof & Urgency to your website
Where Should You Show an Announcement Bar?
The placement of your announcement bar is important for visibility and conversions. Show the right message at the right place without distracting shoppers.
In PrestaShop, you can display it across the whole store or on specific pages.
Homepage
Best for store-wide messages since most visitors land here.
Use it for:
- Free shipping offers
- Seasonal sales
- Welcome discounts
- New collection announcements
Keep it short and clear.
Product Pages
Best for messages tied to a specific product.
Use it for:
- Product discounts
- Delivery or shipping benefits
- Limited-time offers
- Stock urgency
Make it relevant to what the shopper is viewing.
Category Pages
Best for category-based promotions.
Use it for:
- Category discounts
- Clearance sales
- New arrivals
- Seasonal deals
Helps shoppers find relevant offers faster.
Cart Page
Best for boosting conversions before checkout.
Use it for:
- Free shipping reminders
- Coupon codes
- “Spend more to save” messages
- Last-minute offers
Keep it accurate and helpful.
Campaign Landing Pages
Best for matching ads or email campaigns.
Use it for:
- Black Friday / seasonal sales
- Email-only discounts
- Ad campaign offers
- Influencer promotions
Make sure the message matches the campaign exactly.
Build trust & FOMO
Highlight real-time activities like reviews, sales & sign-ups.
Common Announcement Bar Mistakes
Here are a few mistakes worth avoiding.
- Too much text: Keep the message short enough to scan quickly.
- Too many CTAs: Give shoppers one clear next step.
- Poor contrast: Make sure the message is easy to read.
- Expired offers: Remove promotions as soon as they end.
- Several bars at once: Too many messages can take up screen space and distract shoppers.
- Ignoring mobile: Always check the design on a smaller screen.
- Wrong link: Make sure the CTA leads to the offer or page mentioned in the message.
- Fake urgency: Only use deadlines, stock messages, or countdowns when they are accurate.
Conclusion
An announcement bar gives you a simple way to put important messages in front of PrestaShop shoppers.
You can use it for free shipping, coupon codes, sales, new products, shipping deadlines, or store updates.
If you only need a basic static message, your PrestaShop theme or a simple module may be enough.
If you want more control over the design, display rules, timing, and visitor targeting, you can connect PrestaShop with WiserNotify and manage the announcement from one dashboard.
Keep your message short, focus on one useful offer or update, and make the next step clear.
Related Post
Capterra