Floating action buttons? So hot right now.
You know – those buttons that you’ll usually find floating in the bottom-right corner of a website:
You’ll commonly see them used for live chat, but there are tons of other ways that you can use them depending on your website’s needs.
You could use them to drive traffic to a special offer, let people on mobile phones call your business, display social share buttons, or whatever else your creative mind comes up with.
Buttonizer is a WordPress plugin that helps you add those types of buttons to your site, complete with a bunch of other helpful features. It’s a flexible floating action button plugin for WordPress that you can use to create a variety of different types of buttons, including multiple buttons at the same time.
And in my Buttonizer review, I’m going to show you exactly how it works and share my thoughts on the plugin.
Buttonizer Review: What The Plugin Does
As with many plugins, Buttonizer has a free version at WordPress.org, and then a Pro version with more detailed functionality.
Here’s what you can do in the free version:
- Create unlimited action buttons from a variety of different functionality types
- Style your floating action button, including adding Font Awesome icons with a built-in icon picker
- Control which devices your action button appears on (e.g. desktop or mobile)
So what types of floating action buttons are included in a “variety”? Here’s the full list in the free version:
Article continues after this block
- Website URL
- Phone number (lets people call you directly if they’re using a smartphone)
- Back to top
- Social sharing
- Go back one page
Additionally, if you’re using Google Analytics, Buttonizer will automatically track button clicks using Event Tracking.
And with the pro version, you gain:
- Page categories and rules – these let you target your floating action button to specific types of content instead of displaying it everywhere. You could use this to display different buttons on different types of content, or just not use a button on some content.
- Behavior targeting – you can wait to display your buttons until specific triggers are met, like scroll depth or time on site.
- Opening hours – if you’re only open during certain hours, you can use this feature to show/hide your button during your opening hours.
- Custom images/logos/icons – the pro version lets you use your own custom graphics.
You also get two new button actions in the Pro version:
- Open WhatsApp phone number
Hands-on With Buttonizer: Building Your Floating Action Button
When you first install and activate Buttonizer, it gives you a nice little onboarding tour:
It’s not a big deal in the grand scheme of things, but good onboarding is something that’s a bit lacking with many WordPress plugins, so I try to make a special note whenever a plugin does a good job with it.
For example, here’s the plugin showing me how to style my floating action button:
So yeah, kudos for onboarding, Buttonizer!
Configuring The General Settings
As you saw in the onboarding above, the first thing that you’ll want to do is set up your main floating action button’s basic settings. This is the main button that houses the various action buttons (this will become clearer in a second).
In the Design tab, you can configure:
- Button sizes (for both desktop and mobile)
- Icons via the built-in Font Awesome picker
- Whether to show the label
In the Placing & animations tab, you can configure:
- Whether to show your button in the bottom right or bottom left
- The exact position in the corner, using percentages
- Animation for your button
In the Advanced Settings tab, you can configure the triggering options that are available in the pro version:
And if you want to use your floating action button to add social share buttons, you can configure which networks to use in the Social share settings tab:
Once you do that, you’re ready to create your first individual button!
Creating Your Floating Action Button(s)
Each button that you create displays as an option above the main floating action button (I’ll show you how this works in a second).
Creating a button is pretty simple. The most important part of the interface is the Button action setting. That’s where you configure what the button will actually do when clicked on.
Other things that you can configure include:
- What devices to show the button on
- Colors and icons for this specific button
- Opening hours and page rules (with the Pro version)
How Your Buttons Work On The Front End
I created two different buttons so that I can show you how they work on the front-end. These buttons use two contrasting colors (red and blue), which is pretty ugly. But I did it this way so that you can see how multiple buttons work on the front end.
When a visitor first lands on your page, they’ll see the main floating action button (this is what you configured in the General Settings):
Then, when a visitor clicks on that button, they’ll see:
- Any social sharing options that you’ve enabled
- The individual buttons that you created
Exploring The Other Pro Features
You already saw the triggering options – but let’s take a look at two more pro features:
- Page rules
- Opening hours
In the Page Rules tab, you can use AND/OR rules to set up certain conditions for when a button should display (or not display).
The options that you can use to build your rules are:
- Page title contains
- Post title contains
- URL contains / begins with / ends with
You can add as many different page rules as you want.
Then, you can apply these page rules to individual buttons when you create or edit them:
The Opening hours tab works similarly. It lets you configure your opening hours for specific days:
Then, you can choose to hide or show individual buttons based on your opening hours when you create or edit them:
Pretty cool! The only thing you can’t currently handle is a situation where you have two sets of opening hours in a single day. For example, if you close for an hour over lunch, you can’t account for that. But that’s probably a pretty niche situation and a bit nitpicky.
What Else Is In The Pipeline?
While these features aren’t in the version that I reviewed, the developers told us they’re working on adding:
- Front end floating action button builder for instant feedback on how your buttons look + drag and drop positioning
- New Add to cart button type
- New filter that lets you control which buttons appear based on user role or logged-in status
How Much Does Buttonizer Cost?
The core version of Buttonizer is available for free at WordPress.org.
Buttonizer Pro costs:
- Single site – $19.99 per year or $59.99 one-time
- Two sites – $34.99 per year or $104.99 one-time
- Ten sites – $99.99 per year or $299.99 one-time
- Unlimited sites – $199.99 per year
Final Thoughts On Buttonizer
Buttonizer delivers on its promises. It makes it easy to create a flexible floating action button on your WordPress site.
You can use it to drive social shares, funnel people towards an offer, let them call you on their mobile phone, start a WhatsApp chat, and plenty more.
The developer has done a good job putting together the interface so that it’s easy to navigate. And I didn’t encounter any issues in using the plugin.
So if you want to add a floating action button to your WordPress site, this is a great one to look at.
You can give the free version a try to get your feet wet. But I think most of the coolest functionality is in the Pro version. So if you like what you see in the free version, I think it’s definitely worth upgrading to Pro for more options.