How to Add Floating Action Buttons on your WordPress Website

Add Floating Action Buttons on your WordPress Website

Have you ever wanted to add floating action buttons to your WordPress site to boost conversion rates? Perhaps you’d like a call to action button for people to phone you or visit your social media sites.

If so, Buttonizer is a fantastic and super easy plugin to accomplish adding floating action buttons on your site.

Find out how!

Buttonizer gives you the ability to easily add action buttons and style them without coding.

Add Floating Action Buttons on your WordPress Website

The Buttonizer Plugin for WordPress has both a free version and a pro version. In the video above, we are using the pro version which gives you far more flexibility than the free. The pro version is very reasonably priced and we always recommend supporting developers financially so that they can continue development, provide updates, and offer support.


Getting Started

To get started, purchase and install Buttonizer Pro. If you need resources on how to install WordPress Plugins, please see the course Your Introduction to WordPress Plugins.

Once you install Buttonizer, you’ll see the plugin on the sidebar menu of the backend of your WordPress site.

Add Floating Action Buttons on your WordPress Website

The Buttonizer configuration options are on the left and a preview of your website on the right. This is brilliant as you can see the customizations you make to your buttons as you create them.

Add Floating Action Buttons on your WordPress Website


Add Groups and Buttons

Buttonizer gives you the opportunity to create Groups and Buttons within Groups. One Group will be created for you upon installation. You can have multiple Buttons in one Group or simply have one Button in a Group. Group buttons together that you want to have the same settings for ease. That said, if you want buttons in the same Group to have different settings, simply Edit the Button Settings and Toggle the Use Group Style option. Then each of your buttons can have different Styles.

Add Floating Action Buttons on your WordPress Website

To add a new button to an existing group, simply click the Add Button link and enter a Name for the button. Then click Confirm. Do the same thing to add a new Group.

Add Floating Action Buttons on your WordPress Website

Click on the Settings icon of your new button.

Add Floating Action Buttons on your WordPress Website


Oodles of Actions

In the General tab, you will see the Button Action drop-down with a ton of options for what your Button can do. The actions of the Pro version of Buttonizer at this time are:

Popular actions:

Website URL
Call to action (phone number)
Mail action (email address)
WhatsApp Chat
Back to top
Go to bottom
Go back one page
Social Sharing
Javascript function

Click to chat:

SMS
Facebook Messenger Chat Widget
Facebook Messenger Link
Twitter DM
Skype
LINE
Telegram
WeChat
Viber

Social Media:

Facebook
Twitter
Instagram
Snapchat
LinkedIn
VKontakte
Waze

Popup:

Poptin
Elementor Popup
PopupMaker
Popups – WordPress Popup

Actions:

Copy URL to clipboard
Print page

This huge list of actions makes adding a variety of buttons to your site a breeze! You can have different action buttons on different pages for even more flexibility.

The Menu Style & Animation section of the General Tab allow you to show the Type of Menu Style (Faded, Corner circle, Build up, Pop, Square, Rectangle, Text only, or Text with icon) and the Animation of the Menu Style (No animation, Buttonizer Hello, Bounce, Pulse, and Jelly).


Styling your Buttons and Groups

Numerous styling options for your button are available via the Style tab

Add Floating Action Buttons on your WordPress Website

Add Floating Action Buttons on your WordPress Website


Advanced Settings

The Advanced tab is where you can set Custom ID & Custom Classes if you desire it. You can also manage time schedules, page rules, timeout & scroll, and exit intent. Powerful plugin!

Add Floating Action Buttons on your WordPress Website

Time Schedules settings dictate when your buttons should appear or not appear. For example, if you want a chat or contact button to only display Monday through Friday from 9-5, you can do that from the Advanced Tab, Time Schedules settings.

Add Floating Action Buttons on your WordPress Website

If you only want a button to display on specific pages, URLs, posts, or categories, then the Page Rules setting is what you’ll want. This gives a lot of flexibility to which areas of your site buttons are published to.

Add Floating Action Buttons on your WordPress Website


Preview and Show on Desktop and Mobile

Want to see how your buttons will look on tablet and mobile views? Buttonizer has you covered there too. To preview on other devices, simply click the buttons at the bottom of the Buttonizer dashboard.

check mobile

Only want your button to show on mobile or desktop? Buttonizer can do that too. Simply select what device to show on for each button.

Add Floating Action Buttons on your WordPress Website


Support

If you need help with Buttonizer, they have many ways for you to find support:

Knowledgebase

Support

Community

Video Tutorials

FAQs

Buttonizer on Instagram

Buttonizer on Facebook

Summary

Summary All in all, the Buttonizer Plugin for WordPress exceeded our expectations. View all the Buttonizer Features. Check the pricing page of Buttonizer for a full list of features included with the Pro version. You can purchase the pro version from the pricing page or download the free version.

Author

  • Robbie Adair

    Robbie started her career in corporate training until starting her own custom training and media company almost seventeen years ago. In 2010, she began doing classroom training for OSTraining while running Media A-Team. She is often presenting about various tech topics such as Joomla, Fabrik, Web Development, Social Media, and Augmented Reality. She loves seeing that "ah-ha" moment in peoples eyes in her sessions and workshops. She lives in Houston, Texas, but enjoys all the travel for client work and speaking gigs.

0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x