Floating Bar

Display a beautiful floating bar at the top or bottom of your store to show promotions, announcements, or important messages. Customizable designs, multiple positions, and automatic display options make it perfect for highlighting special offers, free shipping, or any store-wide message.

Why Floating Bar Matters

Promoting special offers, free shipping, or important announcements is crucial for driving sales. Traditional WooCommerce doesn’t have a built-in floating bar, making it difficult to highlight store-wide messages effectively.

StoreBooster Pro’s Floating Bar displays a beautiful, customizable bar at the top or bottom of your store. Perfect for showing promotions, free shipping thresholds, special announcements, or any important message that needs maximum visibility.

Click-Through Rate
+ 0 %
Customizable
0 %

2

Position Options

🎉 Black Friday Sale! 50% Off All Products
Feature Details

Powerful Floating Bar Features

Display a beautiful floating bar at the top or bottom of your store to show promotions, announcements, or important messages. Powerful features including multiple bar styles, position control, countdown timers, custom content, color customization, display rules, and comprehensive design options.

Top/Bottom Position

Display floating bar at the top or bottom of your store. Choose the position that works best for your layout and ensures maximum visibility without interfering with navigation.

Top Position
Bottom Position
Flexible Placement
Maximum Visibility

Custom Content

Add custom text, icons, buttons, and coupon codes to your floating bar. Include promotional messages, call-to-action buttons, and links to create engaging content that matches your brand.

Custom Text
Icons
CTA Buttons
Coupon Codes

Countdown Timer Support

Add countdown timers to your floating bar for flash sales, limited-time offers, or promotions. Create urgency with real-time countdown displays that update automatically.

Countdown Timer
Real-Time Updates
Flash Sales
Urgency Creation

Page Targeting

Control where the floating bar appears: show everywhere or on specific pages only. Target specific pages by selecting page IDs for precise display control.

Everywhere
Specific Pages
Page Selection
Targeted Display

Fixed/Sticky Position

Make the floating bar fixed or sticky so it stays visible while customers scroll. The bar remains at the top or bottom of the viewport for maximum visibility and engagement.

Fixed Position
Sticky Bar
Always Visible
Scroll Behavior

Close Button

Add a close button to allow customers to dismiss the floating bar. Control close button visibility, position, and behavior. Hide bar for session or permanently when closed.

Close Button
Session Hide
Permanent Hide
User Control

Color & Styling

Fully customizable colors and styling. Control background color, text color, border styles, shadows, and animations to match your store’s design perfectly.

Background Color
Text Color
Border Styles
Shadows & Effects

Font & Typography

Control typography settings: font family, font size, font weight, letter spacing, and text alignment. Customize floating bar text to match your brand perfectly.

Font Family
Font Size
Font Weight
Text Alignment

Animation Effects

Add eye-catching animations to floating bars: slide-in effects, fade animations, or bounce effects. Make bars stand out and grab customer attention with smooth, professional animations.

Slide-In Effect
Fade Animation
Bounce Effect
Smooth Transitions

Responsive Design

Fully responsive floating bars that look perfect on all devices. Separate settings for desktop, tablet, and mobile ensure optimal display on every screen size.

Desktop Optimized
Tablet Friendly
Mobile Ready
Adaptive Design

Height Control

Control floating bar height for different devices. Set separate heights for desktop, tablet, and mobile to ensure optimal display and content visibility on every screen size.

Desktop Height
Tablet Height
Mobile Height
Responsive Sizing

Cookie Control

Control bar visibility with cookie-based settings. Hide bars for specific durations when closed, respect user preferences, and manage display frequency to avoid overwhelming customers.

Cookie Support
Hide Duration
User Preference
Display Frequency
How It Works

Simple Setup, Powerful Results

Get started in minutes

1

Enable Floating Bar

Go to Settings > Floating Bar and enable the Floating Bar feature. Choose whether to display the bar at the top or bottom of your store.

2

Create Your Content

Add custom text, HTML, images, icons, or buttons to your floating bar. Include countdown timers, promotional messages, free shipping announcements, or any important store-wide message.

3

Customize Design

Choose bar style, customize colors, fonts, animations, and display rules. Set when and where the bar appears, configure close button behavior, and match your brand perfectly.

4

Start Promoting

Watch as your floating bar appears on your store, capturing attention and promoting your most important messages, offers, or announcements to all visitors!

Benefits

Why Choose Floating Bar?

The benefits speak for themselves

Maximum Visibility

Floating bars stay visible at the top or bottom of your store, ensuring your most important messages, promotions, or announcements are always seen by visitors without interrupting their browsing experience.

Promote Offers

Perfect for promoting flash sales, free shipping offers, discount codes, new arrivals, or any time-sensitive announcements. Keep your most important messages visible to all customers.

Fully Customizable

Complete control over floating bar appearance: multiple styles, custom content, colors, fonts, animations, display rules, and scheduling. Match your brand perfectly with comprehensive customization options.

Countdown Timer Support

Add countdown timers to create urgency for flash sales or limited-time offers. Real-time countdown displays update automatically and encourage immediate action from customers.

Display Rules

Control when and where floating bars appear with flexible display rules. Show different bars on different pages, for different user roles, or during specific date ranges for targeted promotions.

Easy to Use

Simple setup with intuitive admin interface. Create content, customize design, set display rules - all without coding. Changes are saved automatically and applied instantly to your store.

Scroll to Top