Title: Floating Action Button
Author: farazify
Published: <strong>2019年1月24日</strong>
Last modified: 2025年8月14日

---

プラグインを検索

![](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

 作者: [farazify](https://profiles.wordpress.org/farazify/)

[ダウンロード](https://downloads.wordpress.org/plugin/floating-action-button.1.2.2.zip)

 * [詳細](https://ja.wordpress.org/plugins/floating-action-button/#description)
 * [レビュー](https://ja.wordpress.org/plugins/floating-action-button/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/floating-action-button/#installation)
 * [開発](https://ja.wordpress.org/plugins/floating-action-button/#developers)

 [サポート](https://wordpress.org/support/plugin/floating-action-button/)

## 説明

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

## スクリーンショット

 * [[
 * screenshot-1.png – Floating Action Button Visualization
 * [[
 * screenshot-2.png – Basic Settings
 * [[
 * screenshot-3.png – Main Button Settings
 * [[
 * screenshot-4.png – Sub Buttons Settings

## インストール

 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

## 評価

![](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/) 2021年3月25日

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/) 2019年7月23日 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/) 2019年7月17日 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/) 2019年1月26日 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

 [ 4件のレビューをすべて表示 ](https://wordpress.org/support/plugin/floating-action-button/reviews/)

## 貢献者と開発者

Floating Action Button はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。

貢献者

 *   [ farazify ](https://profiles.wordpress.org/farazify/)

[“Floating Action Button” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/floating-action-button)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/floating-action-button/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/floating-action-button/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/floating-action-button/)
を [RSS](https://plugins.trac.wordpress.org/log/floating-action-button/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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.

## メタ

 *  バージョン **1.2.2**
 *  最終更新日 **10か月前**
 *  有効インストール数 **1,000+**
 *  WordPress バージョン ** 3.7またはそれ以降 **
 *  検証済み最新バージョン: **6.8.5**
 *  PHP バージョン ** 5.6またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/floating-action-button/)
 * タグ
 * [fab](https://ja.wordpress.org/plugins/tags/fab/)[floating action button](https://ja.wordpress.org/plugins/tags/floating-action-button/)
   [whatsapp button](https://ja.wordpress.org/plugins/tags/whatsapp-button/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/floating-action-button/advanced/)

## 評価

 5つ星中5つ星

 *  [  4 5-星レビュー     ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/floating-action-button/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/floating-action-button/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/floating-action-button/reviews/)

## 貢献者

 *   [ farazify ](https://profiles.wordpress.org/farazify/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/floating-action-button/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.me/farazify)