Title: Floating Action Button
Author: farazify
Published: <strong>24 ژانویه 2019</strong>
Last modified: 14 آگوست 2025

---

جستجوی افزونه‌ها

![](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://fa.wordpress.org/plugins/floating-action-button/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/floating-action-button/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/floating-action-button/#installation)
 * [توسعه](https://fa.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-1.png - Floating
Action Button Visualization⌉[

screenshot-1.png – Floating Action Button Visualization

[⌊screenshot-2.png - Basic Settings⌉⌊screenshot-2.png - Basic Settings⌉[

screenshot-2.png – Basic Settings

[⌊screenshot-3.png - Main Button Settings⌉⌊screenshot-3.png - Main Button Settings⌉[

screenshot-3.png – Main Button Settings

[⌊screenshot-4.png - Sub Buttons Settings⌉⌊screenshot-4.png - Sub Buttons 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!!!

## سوالات متداول

### 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/) 25 مارس 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 جولای 2019 5 پاسخ

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 جولای 2019 1 پاسخ

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 ژانویه 2019 1 پاسخ

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/) را بررسی کنید،
یا از طریق [RSS](https://plugins.trac.wordpress.org/log/floating-action-button/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/floating-action-button/)
مشترک شوید.

## گزارش تغییرات

#### 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**
 *  آخرین به‌روزرسانی **1 سال پیش**
 *  نصب‌های فعال **1,000+**
 *  نگارش وردپرس ** 3.7 یا بالاتر **
 *  آزمایش‌شده تا **6.8.9**
 *  نگارش PHP ** 5.6 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/floating-action-button/)
 * برچسب
 * [fab](https://fa.wordpress.org/plugins/tags/fab/)[floating action button](https://fa.wordpress.org/plugins/tags/floating-action-button/)
   [whatsapp button](https://fa.wordpress.org/plugins/tags/whatsapp-button/)
 *  [نمایش پیشرفته](https://fa.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)

[بررسی شما](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)