If you run a WordPress website, there are moments when you really need to grab your visitors’ attention. Maybe you’re running a limited-time sale, announcing a new product, sharing a shipping delay, or pointing readers to your latest blog post. A notification bar is one of the simplest and most effective ways to do that.
The good news is, you don’t need to write a single line of code or install a heavy page builder to add one. With the right plugin, you can create a notification bar directly inside the WordPress block editor, using the same blocks you already use to build your pages and posts.
In this guide, we’ll walk you through exactly how to add a notification bar to your WordPress website using the block editor, with no coding required.
What Is a Notification Bar?
A notification bar (sometimes called an announcement bar or promo bar) is a thin strip of content that appears at the top or bottom of your website. It stays visible as visitors scroll, which makes it perfect for highlighting important messages without taking over the page.
You’ve probably seen them on plenty of websites. Common examples include:
- “Free shipping on orders over $50”
- “Black Friday Sale: 30% off everything”
- “We’ve just launched our new podcast – listen now”
- “Our offices will be closed on December 25”
Notification bars work because they’re visible but not disruptive. Unlike popups, they don’t block your content or force visitors to click anything before continuing to browse.
Why Use the Block Editor for Notification Bars?
Most notification bar plugins come with their own visual builder. That usually means learning a new interface, dealing with limited design options, and switching between different tools every time you want to make a change.
The block editor (also known as Gutenberg) is already built into WordPress, and chances are you’re already familiar with it. Building a notification bar with blocks gives you a few real advantages:
- No new interface to learn. If you can build a WordPress post, you can build a notification bar.
- Full design flexibility. You can use any block you want — buttons, headings, images, columns, and more.
- Lightweight and fast. Block-based plugins generally don’t load heavy external builders, which keeps your site fast.
- Consistent with your site design. Your notification bar can use the same colors, fonts, and spacing as the rest of your site.
The challenge is that WordPress doesn’t include a notification bar feature out of the box. So you’ll need a plugin that brings notification bar functionality into the block editor.
The Easiest Way: Using ConvertForce
For this tutorial, we’ll be using ConvertForce, a free WordPress plugin that lets you create notification bars, popups, and slide-ins directly inside the block editor. It’s fully Gutenberg-native, which means you build your notification bar with regular WordPress blocks instead of a separate builder.
ConvertForce is free to download from the WordPress plugin repository, and the notification bar feature is included in the free version. Let’s go through the setup step by step.
Step 1: Install and Activate ConvertForce
From your WordPress dashboard,
- Go to Plugins > Add New and search for “ConvertForce.”
- Click Install Now on the ConvertForce plugin, then click Activate once the installation is complete.
You’ll now see a new menu item called ConvertForce in your WordPress sidebar.
Step 2: Create a New Campaign
- Go to ConvertForce > New Campaign.
- Enter a campaign title – something descriptive like “Black Friday Sale Bar” or “Free Shipping Announcement.” This title is just for your reference; visitors won’t see it.
- Next, choose your campaign type. For this tutorial, select Bar.
This opens the ConvertForce template library, which is one of the things that makes the plugin so quick to use. Instead of building your notification bar from a blank canvas, you can pick from a collection of pre-built templates designed for common use cases — sale announcements, free shipping bars, cookie notices, and more.
Browse the templates and click the one closest to what you want to build, or choose a blank template if you’d rather start from scratch. Either way, ConvertForce loads your selection into the WordPress block editor, ready to customize.
Step 3: Design the Notification Bar Using Blocks
This is where the block editor comes in. Once you create the campaign, ConvertForce opens the familiar WordPress block editor, with a notification bar layout ready for you to customize.
You can now add and edit blocks just like you would on a normal page or post:
- Use the Paragraph block to write your message.
- Add a Button block for a clear call to action.
- Insert an Image block for icons or small graphics.
- Use Columns to organize multiple elements side by side.
You can also customize colors, typography, spacing, and alignment using the standard block editor controls on the right sidebar. Try to keep your message short and direct — notification bars work best when they say one thing clearly.
Here are a few tips for writing notification bar copy that actually works:
- Lead with the benefit. Start with what the visitor gets, not what you’re doing.
- Use action words. Words like “Get,” “Save,” “Try,” and “Download” perform better than passive phrases.
- Include a deadline if you have one. Phrases like “Today only” or “Ends Friday” create a reason to act now.
- Keep it under 10 words if possible. The shorter your bar, the more people will actually read it.
Step 4: Choose Where to Display the Bar
Once your notification bar looks the way you want, it’s time to decide where it should appear. ConvertForce includes display conditions that let you control this without writing any code.
You can choose to show the notification bar:
- On every page of your site
- Only on the homepage
- On specific blog posts or pages
- On certain categories or post types
For example, if you’re announcing a sale, you might want the bar to appear on every page. But if you’re promoting a specific blog post, you might only show it on related articles.
Step 5: Set the Position and Behavior
Next, choose whether the bar should appear at the top or bottom of your site. The top is the most common choice because visitors notice it immediately as the page loads.
If you’d prefer the bar to appear at the bottom of the page instead, you can also set it up as a floating footer bar.
You can also configure basic behavior settings, such as whether the bar should be sticky (stay visible as visitors scroll) or dismissible (let visitors close it with an “x” button).
Step 6: Publish the Campaign
When you’re happy with everything, click Publish. Your notification bar is now live on your WordPress website.
Visit your homepage in a new tab to see how it looks.
If you want to make changes, you can go back to ConvertForce > All Campaigns, click on your notification bar, and edit it just like a regular WordPress post.
Common Mistakes to Avoid
Before you publish your first notification bar, here are a few mistakes that WordPress site owners make all the time:
- Trying to say too much. A notification bar is not a banner ad or a landing page. If your message needs more than one sentence, it probably belongs somewhere else.
- Using colors that clash with your site. Bright red or neon yellow might grab attention, but they can also make your site look unprofessional. Try to use colors that fit your existing brand.
- Forgetting the call-to-action. If you’re showing a discount offer notification, make sure visitors know what to do next. A clear button or link is almost always better than just plain text.
- Showing the same bar forever. Update your notification bar regularly. A “Black Friday Sale” message in March will hurt your credibility more than help it.
- Stacking too many bars. One notification bar is enough. If you have multiple things to announce, rotate them or use different campaigns for different pages.
Wrapping Up
Adding a notification bar to your WordPress website doesn’t have to be complicated. With a block-based plugin like ConvertForce, you can design and publish a notification bar in just a few minutes.
The block editor approach also makes it easier to keep your notification bars on-brand and consistent with the rest of your site. You’re using the same tools you already know, which means less time learning and more time focusing on what your message should actually say.
If you’ve never used a notification bar on your WordPress website, start simple. Pick one important message, write it clearly, and put it at the top of your homepage. You might be surprised at how much of a difference it makes.
