Title: SonaliSavran Floating Chat Button
Author: sonalisavran
Published: <strong>2026 年 7 月 14 日</strong>
Last modified: 2026 年 7 月 15 日

---

搜尋外掛

![](https://s.w.org/plugins/geopattern-icon/sonalisavran-floating-chat-button.svg)

# SonaliSavran Floating Chat Button

 由 [sonalisavran](https://profiles.wordpress.org/sonalisavran/) 開發

[下載](https://downloads.wordpress.org/plugin/sonalisavran-floating-chat-button.1.1.2.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/sonalisavran-floating-chat-button/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/sonalisavran-floating-chat-button/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/sonalisavran-floating-chat-button/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/sonalisavran-floating-chat-button/#developers)

 [技術支援](https://wordpress.org/support/plugin/sonalisavran-floating-chat-button/)

## 外掛說明

**SonaliSavran Floating Chat Button** adds a responsive floating chat button to 
your website so visitors can reach you in one click. Configure everything from the
WordPress admin: colors, position, spacing, size, animations, and device visibility—
no theme edits or custom code needed.

The plugin works with popular mobile messaging click-to-chat links, making it easy
for visitors on desktop, tablet, or mobile to start a conversation.

#### Key Features

 * **Floating chat button** — always visible, stays out of the way of your content
 * **Easy setup** — enable the button, enter your number, and save
 * **Custom colors** — background, text, and hover colors
 * **Position controls** — left or right side with adjustable spacing
 * **Button sizes** — small, medium, or large
 * **Custom button text and tooltip**
 * **Mobile and desktop visibility** — show on desktop, tablet, mobile, or any combination
 * **Open in a new tab** option
 * **Animations** — pulse, bounce, or none
 * **Lightweight frontend** — vanilla JavaScript, no jQuery dependency
 * **Pre-filled default message** for faster conversations

#### Smart Lead Capture

Collect visitor details before opening the chat link:

 * Professional popup form (name, phone, email, message)
 * Leads saved inside WordPress
 * Admin leads table with search and pagination
 * Mark leads as New or Contacted
 * Bulk delete and CSV export
 * Optional email notification to the site admin
 * Privacy policy checkbox support

#### Why SonaliSavran Floating Chat Button?

 * Built with the WordPress Settings API
 * Sanitized inputs and escaped outputs
 * Translation ready
 * Clean, object-oriented architecture
 * Optimized for performance

## 安裝方式

 1. Upload the `sonalisavran-floating-chat-button` folder to `/wp-content/plugins/`
    or install via the WordPress plugins screen.
 2. Activate the plugin through the **Plugins** menu in WordPress.
 3. Go to **Settings  Floating Chat Button** to configure your button.
 4. Enter your phone number with country code and save settings.
 5. Visit your website to see the floating chat button.

## 常見問題集

### Where do I configure the plugin?

Go to **Settings  Floating Chat Button** in your WordPress dashboard.

### Where can I view captured leads?

Go to **Chat Leads** in the WordPress admin menu.

### Do I need a business account?

No. Any valid mobile number works with click-to-chat links.

### Does this plugin use jQuery?

No. The frontend uses modern vanilla JavaScript.

### Can I show the button only on mobile?

Yes. Use the responsive visibility options to control desktop, tablet, and mobile
display independently.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈SonaliSavran Floating Chat Button〉的開發相關工作。

參與者

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

[將〈SonaliSavran Floating Chat Button〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/sonalisavran-floating-chat-button)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/sonalisavran-floating-chat-button/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/sonalisavran-floating-chat-button/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/sonalisavran-floating-chat-button/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/sonalisavran-floating-chat-button/)。

## 變更記錄

#### 1.1.2

 * Removed legacy frontend/ load path to prevent fatal errors on incomplete packages
 * Frontend class loads only from includes/class-frontend.php
 * Hardened component loader with safe require helper

#### 1.1.1

 * Fixed fatal error when the frontend class file was missing from the WordPress.
   org package
 * Moved public-facing class into includes/ for reliable distribution

#### 1.1.0

 * Added Smart Lead Capture with popup form
 * Added Chat Leads admin panel
 * Added CSV export for leads
 * Added optional email notifications
 * Improved AJAX security and error handling

#### 1.0.0

 * Initial release with floating chat button
 * Customizable appearance and positioning
 * Responsive display options

## 中繼資料

 *  版本 **1.1.2**
 *  最後更新 **3 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.2**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/sonalisavran-floating-chat-button/)
 * 標籤:
 * [chat](https://tw.wordpress.org/plugins/tags/chat/)[contact](https://tw.wordpress.org/plugins/tags/contact/)
   [floating button](https://tw.wordpress.org/plugins/tags/floating-button/)[lead capture](https://tw.wordpress.org/plugins/tags/lead-capture/)
   [messenger](https://tw.wordpress.org/plugins/tags/messenger/)
 *  [進階檢視](https://tw.wordpress.org/plugins/sonalisavran-floating-chat-button/advanced/)

## 評分

這個項目尚無任何評論記錄。

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

[查看全部使用者評論](https://wordpress.org/support/plugin/sonalisavran-floating-chat-button/reviews/)

## 參與者

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

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/sonalisavran-floating-chat-button/)