How To Boost Conversions Like Crazy With Announcement Bars

There are countless ways to increase the number of conversions and sales in your online shop. Starting with fast loading times, reliable deliveries, SEO and a first-class customer support as well as a customer loyalty program. However, there is another effective way that is so easy to implement that it is often overlooked. How about adding announcement bars aka notification bars to your store?

A Powerful Lead Generation Tool Without The High Costs »

Announcement Bars

Of course you could simply use a plugin for WooCommerce for example to install such an announcement bar. However, what if you could combine this with a complete conversion optimization toolkit that offers you even more exciting features to make your shop a success story? OptinMonster’s state-of-the-art lead generation tool can do all this!

Free Shipping Bar

Announcement Bars
Free Shipping Bar With CTA ©OptinMonster

Since OptinMonster is a cross-platform tool, it can be used with virtually any online platform. This includes BigCommerce, Shopify, Magento and WooCommerce. In this post we want to show how you can easily display a Free Shipping bar in your WooCommerce shop.

Step 1: Create A Floating Bar

Floating Bar
Floating Bar Campaign Type ©OptinMonster

In your OptinMonster account, please select Floating Bar as your campaign type. Then choose one of more than 50 pre-built templates that are optimized for desktops and tablets or mobile devices.

Alert Template
Alert Template ©OptinMonster

In our example we use the eye-catching Alert template for desktop/tablet, which looks also great on most mobile devices. This is just the perfect template to inform your customers about free shipping.

Campaign Name
Campaign Name ©OptinMonster

Once you’ve given your campaign a name, all you have to do is assign a website to it and you’re ready to start creating your campaign.

Step 2: Design A Free Shipping Bar

Floating Bar Editor
Floating Bar Editor ©OptinMonster

In the OptinMonster editor, you will see the Alert Template at the bottom of your browser. However, since a user’s view usually moves from the top left to the bottom right, this may not be the best position.

Floating Settings
Floating Settings ©OptinMonster

But with a few clicks you can easily move your free shipping bar to the top of your website. Simply click on the Floating Settings in the menu on the left side and toggle on Load Floating Bar at Top of Page.

Custom Text
Custom Text ©OptinMonster

Now that we have done this, you can start designing your notification bar. OptinMonster offers you countless ways to customize the announcement bar to suit your needs. Therefore, it would be too much of a stretch to go into detail about each one. Below you will find a selection of customization options and element blocks:

  • Background color
  • Banner text
  • Call to action button (CTA) with custom URL
  • Chatbot
  • Countdown timer
  • Divider
  • Image
  • Video
Add Blocks
Element Blocks

You do not need to hire a developer or learn how to code. Simply drag and drop element blocks to the desired location.

Step 3: Set Display Rules

Display Rules
Time On Page
Current URL Path
Exactly Matches

In the display rules settings, you can specify when, where and to whom your announcement bar should be displayed. By default, your campaign will be shown to site visitors after being at least 5 seconds on any page. However, you can easily change this as you wish. For example you can set the display rules to:

  • Time on page is immediate
  • Current URL path is any page

Step 4: WooCommerce Integration

Now all you have to do is integrate OptinMonster with WooCommerce. But don’t worry, it’s very easy. After installing and activating the free OptinMonster plugin, head over to the WooCommerce tab in your OptinMonster WordPress dashboard. There click Autogenerate keys to hook up the OptinMonster plugin to your WooCommerce store. This allows you to manage all of your campaigns from your WordPress dashboard.

Ready to decrease shopping cart abandonment rates?

A Powerful Lead Generation Tool Without The High Costs »


FTC Disclosure: We may receive a payment in connection with purchases of products or services featured in this post.

Default image
Ahoi, Dev! is a ShabuShabu project by Stefan Glumpler & Boris Glumpler - a brother and web designer / developer team based in Munich, Germany. Servus from Bavaria!
Articles: 2317
Notify of
Inline Feedbacks
View all comments
Ahoi, Dev!
Would love your thoughts, please comment.x
Copy link
Powered by Social Snap