Title: Floating Action Button Author: farazify Published: 24 stycznia 2019 Last modified: 14 siyrpnia 2025 --- Search plugins ![](https://ps.w.org/floating-action-button/assets/banner-772x250.png?rev=2018710) ![](https://ps.w.org/floating-action-button/assets/icon-256x256.png?rev=2018693) # Floating Action Button By [farazify](https://profiles.wordpress.org/farazify/) [Download](https://downloads.wordpress.org/plugin/floating-action-button.1.2.2.zip) * [Details](https://szl.wordpress.org/plugins/floating-action-button/#description) * [Reviews](https://szl.wordpress.org/plugins/floating-action-button/#reviews) * [Installation](https://szl.wordpress.org/plugins/floating-action-button/#installation) * [Development](https://szl.wordpress.org/plugins/floating-action-button/#developers) [Support](https://wordpress.org/support/plugin/floating-action-button/) ## Description FAB (Floating Action Button) is a Free & Light Weight WordPress plugin which displays the beautiful Floating Action Button on your WordPress front-end. After triggering/ hovering the main button it will pop-up and shows the row of sub buttons with details. This plugin provides the 9 types of the following buttons with different-different functionalities: 1. Text Button 2. WhatsApp Button (Click to Chat) 3. Facebook Messenger Button 4. Phone Button 5. Email Button 6. Viber Button 7. Snapchat Button 8. Line Button 9. Intercom Button **Admin Setting Panel** * Basic Settings 1. Activate/Deactivate Floating Action Button 2. Change the Position of Floating Action Button to Top-Left/Top-Right/Bottom-Left/ Bottom-Right 3. Option to Trigger Button by Mouse-Click or Mouse-Hover * Main Button Settings 1. Set Button Icon 2. Set Button Icon Color 3. Set Button Background Color * Sub Buttons Settings 1. Add Text Button with WP Shortcode Support 2. Add WhatsApp Button 3. Add FaceBook Messenger Button 4. Add Phone Button 5. Add Email Button 6. Add Viber Button 7. Add SnapChat Button 8. Add Line Button 9. Add InterCom Button 10. Change Button Title 11. Change Button Content 12. Change Button Icon 13. Change Text Color 14. Change Background Color 15. Buttons Sorting with Drag & Drop functionality 16. Remove Buttons ## Screenshots * [[ * screenshot-1.png – Floating Action Button Visualization * [[ * screenshot-2.png – Basic Settings * [[ * screenshot-3.png – Main Button Settings * [[ * screenshot-4.png – Sub Buttons Settings ## Installation 1. Just log into your WordPress admin dashboard 2. Visit Dashboard > Sidebar > Plugins > Add New 3. Search for “Floating Action Button” 4. Install and Activate the “Floating Action Button” plugin 5. Visit Dashboard > Sidebar > FAB Settings 6. Activate the Floating Action Button to display on front-end 7. Customize the Position, Icon and Color of Main Button 8. Add Sub Buttons according to your requirements 9. Customize the Icons, Colors and Orders of Sub Buttons 10. Use & Enjoy!!! ## FAQ ### How to use WhatsApp Sticky Button? If you want only WhatsApp sticky button then use this plugin [https://wordpress.org/plugins/wa-sticky-button](https://wordpress.org/plugins/wa-sticky-button) ### Which value can I use for the content field of Text Button? You can use any type of simple text and shortcode ### Which value can I use for the content field of WhatsApp Button? You can use WhatsApp number like that 919806886806 (with country code but without any plus, preceding zero, hyphen, brackets, space) ### Which value can I use for the content field of Facebook Messenger Button? You can use valid Facebook page slug ### Which value can I use for the content field of the Phone Button? You can use a mobile number in this format +91-9806-886-806 ### Which value can I use for the content field of Email Button? You can use a valid email address like this xxxxx@yyyyy.com ### Which value can I use for the content field of Viber Button? You can use Viber Username ### Which value can I use for the content field of Snapchat Button? You can use Snapchat Username ### Which value can I use for the content field of Line Button? You can use valid Line URL like this http://line.me/ti/p/xxxxxx ### Which value can I use for the content field of Intercom Button? You can use Intercom App ID ## Reviews ![](https://secure.gravatar.com/avatar/e1a3d8b9119ea26a1c1d9ff4ef13920168a745a8246cdda27ddeb4061e152680? s=60&d=retro&r=g) ### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-6904/)󠁿 [Martín](https://profiles.wordpress.org/caparros07/) 25 marca 2021 Thank you it´s awesome! ![](https://secure.gravatar.com/avatar/64f3dbdbbcd4d3f4a060a6a34e630a7cf74f02e34fb412c859fcdf0b3c1c38a1? s=60&d=retro&r=g) ### 󠀁[Has potential.](https://wordpress.org/support/topic/has-potential-22/)󠁿 [Vicky](https://profiles.wordpress.org/vickymedrano/) 23 lipnia 2019 5 replies The plugin works fine, no error or bugs, and it’s ultra light. I’m thankful for the time and effort the author put into to give it for free. However, to my liking, needs improvement in some aspects. 1) The WhatsApp button doesn’t link to WhatApp, it just shows a text box saying „Add the number to the Contacts on your phone and send us a message via app. Call us:” followed by whatever phone number you entered in the WhatsApp button field. 2) All buttons, once clicked on, open a text box area, some with a link in it that you can click on, like email button, and some with just plain text, like the text button. So, it’s like a 2 step click. This could be just a personal preference, but hey, this is a personal rating, so I guess it’s valid. 3) There’s no way to add a custom url, that would be very useful. Maybe this won’t bother other users. Just giving my respectful opinion. Thanks again to the author for contributing to the community. EDITED: Original rating was 4, changed it to 5. If you care to know why, read blow. ![](https://secure.gravatar.com/avatar/4767ef3badb89001d9ecf1a2a85bf5a11d4ea7c9b4e5ae2b1a085a3ded40444b? s=60&d=retro&r=g) ### 󠀁[Perfect plugin](https://wordpress.org/support/topic/perfect-plugin-705/)󠁿 [kiloj757](https://profiles.wordpress.org/kiloj757/) 17 lipnia 2019 1 reply Works exactly as described. Very easy to use! ![](https://secure.gravatar.com/avatar/6ecc27f76cc2c984b7998d68f17a6e65db3d5ab66ce9375d9ef61f75cff0e381? s=60&d=retro&r=g) ### 󠀁[Amazing Plugin](https://wordpress.org/support/topic/amazing-plugin-1134/)󠁿 [zakir1929](https://profiles.wordpress.org/zakir1929/) 26 stycznia 2019 1 reply The Floating Action Button plugin is awesome for front-end. it is easy to configure. I just follow the documentation and it works. Thankyou so much for saving my time. I love this plugin [ Read all 4 reviews ](https://wordpress.org/support/plugin/floating-action-button/reviews/) ## Contributors & Developers “Floating Action Button” is open source software. The following people have contributed to this plugin. Contributors * [ farazify ](https://profiles.wordpress.org/farazify/) [Translate “Floating Action Button” into your language.](https://translate.wordpress.org/projects/wp-plugins/floating-action-button) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/floating-action-button/), check out the [SVN repository](https://plugins.svn.wordpress.org/floating-action-button/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/floating-action-button/) by [RSS](https://plugins.trac.wordpress.org/log/floating-action-button/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2.2 * Security fixes. #### 1.2.1 * Security fixes. #### 1.2.0 * Add WhatsApp Click to Chat Button. #### 1.1.0 * Add default colors according to button. #### 1.0.0 * First version of the plugin released. ## Meta * Version **1.2.2** * Last updated **8 miesiyncy ago** * Active installations **1.000+** * WordPress version ** 3.7 or higher ** * Tested up to **6.8.5** * PHP version ** 5.6 or higher ** * Language * [English (US)](https://wordpress.org/plugins/floating-action-button/) * Tags * [fab](https://szl.wordpress.org/plugins/tags/fab/)[floating action button](https://szl.wordpress.org/plugins/tags/floating-action-button/) [whatsapp button](https://szl.wordpress.org/plugins/tags/whatsapp-button/) * [Advanced View](https://szl.wordpress.org/plugins/floating-action-button/advanced/) ## Ratings 5 out of 5 stars. * [ 4 5-star reviews ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/floating-action-button/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/floating-action-button/reviews/) ## Contributors * [ farazify ](https://profiles.wordpress.org/farazify/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/floating-action-button/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.me/farazify)