Sticky Buttons – Floating Buttons Builder

Description

Try Free Demo | πŸš€ Try Pro Demo | Documentation

Sticky Buttons is a free WordPress plugin that lets you quickly create customizable floating buttons. These attractive buttons stay visible as visitors scroll your site, guiding users to essential actions and boosting engagement effortlessly.

🌟 Key Benefits:

  • Easily create eye-catching floating buttons
  • Increase user interaction and conversions
  • Lightweight & optimized for performance
  • Simple setup – works seamlessly with any theme

βœ… Transform user experience with Sticky Buttons!

Main Features

Enhance your website’s navigation with the Sticky Buttons plugin for WordPress. Designed to simplify browsing, this plugin helps visitors easily find the information they need and navigate between sections with ease. Site administrators can fully customize the button menu to fit their specific needs.

🎨 Customization & Design

  • Create unlimited sticky buttons.
  • Choose from 4 different button shapes.
  • Set individual button colors and backgrounds.
  • Flexible Positioning: Choose between Fixed (Sticky), Absolute, or Static placement.
  • Organize your menus using Custom Tags for quick filtering and management.
  • Access over 2000 Font Awesome 6 icons.
  • Add custom labels to each button.

πŸ”— Links & Accessibility

  • Insert any type of link to buttons.
  • Add custom attributes: ID, class, aria-label.
  • Responsive Visibility: Control visibility by hiding or showing menus on specific screen sizes.
  • Mobile-friendly and responsive design.

πŸ›  Efficient Management

  • Bulk Actions: Quickly change status or test mode for multiple menus at once.
  • Test Mode: Preview menus privately (visible only to admins) before going live.
  • Export/Import: Effortlessly transfer your button sets between websites via JSON.

⚑ Performance & SEO

  • Optimized for speed – doesn’t slow your website.
  • SEO-friendly button structure to improve indexing.

Ideal Uses for Sticky Buttons

  • Instant Messaging: Add quick-access buttons for WhatsApp, Telegram, Skype, or Messenger.
  • Floating CTA: Keep “Book Now” or “Get a Quote” buttons always visible to boost sales.
  • Mobile App Experience: Create a professional bottom or side navigation bar for mobile users.
  • Quick Support: Provide easy access to your Help Center, FAQs, or Support tickets.
  • Anchor Navigation: Build a floating table of contents to navigate between long page sections.
  • Social Presence: Link to your Instagram, Facebook, LinkedIn, or TikTok profiles.
  • Membership Access: Quick links for Login, Register, and User Account pages.
  • Special Offers: Highlight time-limited promotions or discount codes.

Check the FAQ section below for step-by-step guides on how to set up these features!

Pro Version

Unlock the full power of Sticky Buttons with advanced features designed to elevate your site’s engagement and user experience:

🎨 More Customization

  • Hold Label Open – Keep button labels always visible.
  • Custom Icons – Upload your own icons to match your brand.
  • Icon Animations – Enhance engagement with 7 elegant animation effects.

πŸ”— Enhanced Functional Links

  • Translate Page – Instant, one-click website translation.
  • Social Sharing – Easy sharing via Facebook, Twitter, LinkedIn, and more.
  • Next/Previous Post – Smooth navigation between posts.
  • Forced Download – Direct file downloads (ebooks, PDFs, software).
  • Smooth Scrolling – Effortlessly scroll to specific page sections.
  • Scroll to Top/Bottom – Quick page navigation buttons.
  • Print Page – Convenient printing for your content.
  • Font Size Adjuster – Allow users to customize page readability.
  • Bookmark & URL Sharing – Simple bookmarking and URL copy actions.

🎯 Advanced Display Rules

  • Scroll-Based Visibility – Dynamically show or hide buttons based on scroll position.
  • Timer Action – Control button visibility after a specified time interval.
  • User Role Permissions – Show or hide buttons based on user roles.
  • Multilingual Support – Custom menus tailored for different languages.
  • Scheduled Visibility – Automatically display buttons at specific dates and times.
  • Activate by URL – Display buttons conditionally based on URL parameters or specific pages.
  • Activate by Referrer URL – Control button visibility based on visitors’ referrer.
  • Browser Compatibility Control – Automatically hide buttons for outdated browsers.

πŸš€ Upgrade to Sticky Buttons Pro and supercharge your website!

πŸš€ Maximize Results with Complementary Plugins

Enhance your website’s functionality and user engagement by combining Sticky Buttons with these powerful plugins:

  • Popup Box – Create engaging, custom popups to boost conversions.
  • Counter Box – Easily add counters, timers, and countdowns to highlight urgency.
  • Calculator Builder – Build custom interactive calculators for your users.
  • WP Coder – Add custom HTML, CSS, PHP and JS code to your site easily.
  • Modal Window – Design beautiful, custom modal windows for capturing leads or displaying content.

πŸ‘‰ View all plugins by Wow-Company

βœ… Combine Sticky Buttons with these plugins to build a highly interactive, engaging, and user-friendly website.

Support

Need help? Ask questions and get quick answers in our support center.

Installation Instructions

πŸ“Œ Option 1: Install via WordPress Dashboard

  1. Go to your WordPress admin dashboard (wp-admin).
  2. Navigate to Plugins Add New.
  3. Search for “Sticky Buttons” and click “Install Now”.
  4. After installation, click “Activate”.

πŸ“Œ Option 2: Manual Installation (Upload)

  1. Download the plugin’s zip file.
  2. In your WordPress dashboard, go to Plugins Add New Upload Plugin.
  3. Select the downloaded zip file, then click “Install Now”.
  4. After installation, click “Activate”.

Alternatively (FTP):

  • Unzip the downloaded plugin file.
  • Upload the extracted sticky-buttons folder to your server’s /wp-content/plugins/ directory via FTP.
  • Go to Plugins in your WordPress dashboard and click “Activate” next to Sticky Buttons.

πŸš€ Getting Started

  1. Once activated, a new Sticky Buttons section will appear in your WordPress admin menu (on the left side).
  2. Click “Add New” to create your first button set.
  3. Configure your buttons as needed.
  4. Click “Save” to finalize and display your sticky buttons on the website.

Screenshots

  • Sticky Buttons 1
  • Sticky Buttons 2

FAQ

The buttons do not appear on my website. How can I fix this?

If the buttons don’t appear, it’s often due to caching. Follow these steps to resolve the issue:

  1. Clear your browser cache – Press Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac) to reload without cache.
  2. Clear your WordPress cache – If you’re using a caching plugin (like WP Rocket, W3 Total Cache, or LiteSpeed Cache), clear the cache from its settings.
  3. Purge server cache – If your hosting uses caching (e.g., Cloudflare, SiteGround, Nginx), clear the cache from your hosting control panel.
  4. Disable caching temporarily – If the issue persists, deactivate your caching plugin temporarily and verify whether the buttons appear.

Buttons are visible only to administrators, not regular users. Why?

Check if “Test Mode” is enabled. When Test Mode is activated, sticky buttons are visible only to site administrators and not to regular visitors.

Can I change the position of the sticky buttons?

Yes! You can easily position the buttons on the left, right, top, or bottom of the screen from the plugin settings.

Can I display buttons only on certain pages?

Yes! In the Lite version, you can:
Show buttons sitewide (on all pages).
Insert buttons manually using the shortcode [Sticky-Buttons id="1"] to display them only on specific pages or posts.

In the Pro version, you gain advanced controls to display buttons based on categories, post types, specific pages, user roles, and more.

Can I use multiple sets of buttons on the same page?

Absolutely! You can create and display multiple sets of sticky buttons simultaneously. Each set can be individually configured and controlled.

How does the “Mobile Rules” (Double Click) feature work?

On touch devices, there is no “hover” state. When Mobile Rules is enabled:
1. First Click: Displays the button’s label so the user can see what the button does.
2. Second Click: Opens the link or triggers the action.
If the user doesn’t click a second time, the label automatically hides after 3 seconds.

What is the difference between Fixed, Absolute, and Static positions?

  • Fixed (Sticky): Buttons “float” over the content and stay visible while scrolling.
  • Static: Buttons are placed directly where you insert the shortcode (e.g., inside a post or page content).
  • Absolute: Buttons are positioned relative to the nearest parent container, useful for specific layout designs.

How can I use Tags to organize my menus?

Tags allow you to group your menus (e.g., “Promo”, “Social”, “Contact”). You can assign a tag in the menu settings and then use the filter at the top of the menu list to quickly find all sets belonging to that category.

Does the plugin work with page builders like Elementor, Gutenberg, or Divi?

Yes! You can copy the shortcode [Sticky-Buttons id="XX"] and paste it into any “Shortcode” or “Text” widget/block. This is especially useful when using the Static position to place buttons exactly where you want them in your layout.

How do I transfer my settings to another website?

Use the Export action in the menu list to download a .json file. On your new site, go to the “Tools” or “Import” section of the plugin, upload this file, and click Import. All colors, icons, and configurations will be restored.

How to create a WhatsApp or Telegram button?

It’s simple!
1. Create a new button set.
2. In the Link field, enter your direct message URL (e.g., https://wa.me/yournumber for WhatsApp or https://t.me/yourusername for Telegram).
3. Select the corresponding icon from the Font Awesome library.
4. Set the button color (e.g., green for WhatsApp) to make it recognizable.

How to add a Login, Logout, or Register button?

In the button settings, look for the Item Type dropdown. Instead of “Link,” select Login, Logout, or Register. The plugin will automatically generate the correct WordPress system URLs for these actions.

How can I create a bottom navigation bar for mobile?

  1. Set the Position to “Bottom Center” or “Bottom Left/Right”.
  2. Choose a “Square” or “Circle” Shape.
  3. Use the Mobile Rules to ensure the labels are displayed correctly on touch screens.
  4. This creates a professional, app-like navigation experience for your mobile visitors.

How can I hide buttons on mobile or desktop only?

In the plugin settings, you will find options for “Hide on smaller screens” and “Hide on larger screens”.
– Enable “Hide on smaller screens” and set the breakpoint (e.g., 480px) to hide buttons on phones.
– Enable “Hide on larger screens” and set the breakpoint (e.g., 1200px) to hide buttons on wide desktop screens.

How do I use Sticky Buttons on a multisite?

If you’re running a WordPress multisite network, do not activate the plugin network-wide. Instead, activate Sticky Buttons separately on each individual site where you plan to use it.

Do Sticky Buttons slow down my website?

No, Sticky Buttons is lightweight, optimized for speed, and designed for minimal impact on your site’s performance.

Reviews

December 8, 2023 2 replies
It doesn’t work, you try to create a button and it doesn’t even show in the list

.

July 7, 2023
It’s just too bad open in new window isn’t available in the free version.
June 12, 2023 1 reply
I installed this useful social icons plugin on my client’s website, i found this accurate, elegant. Its developed with niche, responsive code which is compatible with all devices & it is also cross browser. Its interface and options are user friendly. I really appreciate “Wow-Company” , Plugin Developer (lobov) for his efforts, creative and useful code work for WordPress users. I wish him good luck for his bright coming future. Thanks. Ali Raza Kazmi
November 9, 2020
I’ve crawled through the whole web to find a plugin for a floating button that a) isn’t mandatory a social one b) can be switched on and off for single pages c) is customizable to the point that it fits a company CI … and I’ve found it! Plus, the “Wow company” provided some extraordinary support so far. That being said, I couldn’t have made a better choice. 5 stars!
November 8, 2020 1 reply
Very poor fields while adding button options. Needs to develop more and more. Don’t use this!!!
Read all 6 reviews

Contributors & Developers

“Sticky Buttons – Floating Buttons Builder” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

4.3.3

  • Improved: Updated plugin description and FAQ for better clarity and user guidance.
  • Improved: Documentation headers (package tags) unified across all files for better standard compliance.
  • Added: Detailed “Ideal Uses” section in Readme with instructions for WhatsApp, social icons, and mobile panels.
  • Added: FAQ item explaining how “Mobile Rules” work on touch devices.
  • Added: FAQ item for Positioning types (Fixed, Absolute, Static).
  • Added: FAQ item for Tags organization and Page Builders compatibility.

4.3.2

  • Updated: Font Awesome library upgraded to version 7.1.
  • Updated: wp-color-picker-alpha to version 3.0.4.

4.3.1

  • Fixed: options ‘Mobile Rules’, ‘Hide on smaller screens’, ‘Hide on larger screens’

4.3

  • Updated: Font Awesome library upgraded to version 7.0.0.

4.2.2

  • Fixed: Button label font display issue

4.2.1

  • Fixed: class for displaying the menu

4.2

  • Added: Option β€œMobile Rules” to control menu behavior on mobile devices*
  • Added: New menu positioning types: Absolute and Static
  • Fixed: RTL (right-to-left) layout issues

4.1.5

  • Improved: Reorganized method order in DBManager class for better readability and maintenance
  • Improved: Minor SQL formatting for consistency
  • Cleaned: Minor code style improvements according to WordPress Coding Standards (WPCS)

4.1.4

  • Updated: Helpful links in the settings page.
  • Updated: wp-color-picker-alpha to version 3.0.4.

4.1.3

  • Added: Link to the plugin version.
  • Fixed: Issue with class CreateFields.

4.1.2

  • Fixed: Improved nonce verification logic for enhanced security.

4.1.1

  • Updated: FontAwesome Icons to version 6.7.1.
  • Fixed: Minor database creation bug.

4.1

  • Added: aria-label attribute for accessibility improvements.
  • Added: Icon categories for easier navigation.
  • Updated: Main plugin icon.
  • Updated: Icon picker functionality.
  • Fixed: FontAwesome Icon issues.

4.0.2

  • Fixed: Minor bugs related to data escaping.

4.0.1

  • Fixed: FontPicker icon style issue.

4.0

πŸš€ Major Update
– Added: Option to set button positions.
– Added: Button shadow customization option.
– Added: Ability to change menu status and mode directly from the menu list.
– Added: Bulk edit option for changing status and mode of multiple menus at once.
– Updated: FontAwesome icons upgraded to 6.6.
– Improved: Completely redesigned plugin interface for an intuitive, user-friendly experience.

3.2.4

  • Fixed: Minor nonce-related bug.

3.2.3

  • Fixed: Improved field link sanitization.

3.2.2

  • Fixed: Database creation bug.

3.2.1

  • Fixed: Compatibility issue with dynamic properties for PHP 8.2.

3.2

  • Updated: FontAwesome to version 6.4.2.

3.1.1

  • Fixed: Minor bug in the page-list functionality.

3.1

  • Added: Shortcode support for displaying the menu on specific pages.
  • Added: Export/import functionality.
  • Updated: FontAwesome icons to version 6.2.1.

3.0.1

  • Fixed: Minor bug fixes.

3.0

πŸš€ Major Update
– Changed: Updated admin interface style.
– Added: Option to set the rel attribute for links.
– Added: “Deactivated” option to easily disable menus.
– Added: “Test Mode” feature (menus visible only to site administrators).

2.1

  • Updated: FontAwesome icons to version 5.15.3.

2.0.1

  • Fixed: Minor bug when deleting items.

2.0

  • Updated: FontAwesome icons to version 5.14.

1.1

  • Fixed: Conflict with older FontAwesome versions.

1.0

  • Initial release.