Title: ButtonFlow – Sticky Floating Mobile Button for Call, Messaging & Booking Author: Ga Satrya Published: 2026 年 3 月 24 日 Last modified: 2026 年 4 月 12 日 --- 搜尋外掛 ![](https://ps.w.org/buttonflow/assets/icon-256x256.png?rev=3498813) # ButtonFlow – Sticky Floating Mobile Button for Call, Messaging & Booking 由 [Ga Satrya](https://profiles.wordpress.org/gasatrya/) 開發 [下載](https://downloads.wordpress.org/plugin/buttonflow.1.2.0.zip) [即時預覽](https://tw.wordpress.org/plugins/buttonflow/?preview=1) * [詳細資料](https://tw.wordpress.org/plugins/buttonflow/#description) * [使用者評論](https://tw.wordpress.org/plugins/buttonflow/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/buttonflow/#installation) * [開發資訊](https://tw.wordpress.org/plugins/buttonflow/#developers) [技術支援](https://wordpress.org/support/plugin/buttonflow/) ## 外掛說明 65–75% of local business website traffic comes from mobile — yet most WordPress themes bury the phone number in the header and hide the “Book Now” button at the top of the page. Once a visitor scrolls, your most important CTA disappears. **ButtonFlow** fixes this in minutes. Install the plugin, set your button label and action, and a beautiful floating button will appear at the bottom of every mobile screen — staying permanently visible as the user scrolls. One tap to call. One tap to book. One tap to start a WhatsApp conversation. No page builder. No theme editing. No code. #### Who is this for? * Aesthetic clinics & medspas * Restaurants & cafes * Law firms & consultants * Real estate agents * Any local business that gets mobile traffic and wants more leads #### Core Features * **Click-to-Call** — Tapping the button instantly dials your phone number. * **Open URL** — Send visitors directly to your booking page, menu, or any link. * **WhatsApp Chat** — Opens WhatsApp with a pre-filled message (fully customizable). * **Smooth Scroll** — Scrolls the page to a specific section using an anchor ID(# contact). * **Custom Label & Icon** — Set any button text and choose from preset icons (phone, calendar, WhatsApp, message). * **Appearance Control** — Customize background color, text color, and choose from 3 button sizes (Small, Medium, Large). * **Live Preview** — See exactly how your button looks in real-time as you edit the settings. * **Mobile-Only Display** — The button is never shown on tablets or desktops (CSS + JS dual enforcement). * **Page-Level Hide Rules** — Suppress the button on specific pages (e.g., the contact page itself) using slugs or IDs. * **Entrance Animation** — Button slides up from the bottom after a configurable delay. * **Performance Optimized** — Total asset size under 5kb. No jQuery. No React. No bloat. #### Privacy First This plugin is built with privacy as a priority. No tracking, no external scripts, and no “Powered by” branding. No personal data is collected, stored, or transmitted. Full GDPR compliance out of the box. [Plugin Page →](https://www.ctaflow.com/plugins/buttonflow/) ## 螢幕擷圖 [⌊The settings page with Live Preview.⌉⌊The settings page with Live Preview.⌉[ The settings page with Live Preview. [⌊The floating CTA button as seen by a mobile visitor.⌉⌊The floating CTA button as seen by a mobile visitor.⌉[ The floating CTA button as seen by a mobile visitor. ## 安裝方式 1. Upload the `buttonflow` folder to the `/wp-content/plugins/` directory, or install via **Plugins Add New** in your WordPress dashboard. 2. Activate the plugin through the **Plugins** menu. 3. Go to **Settings ButtonFlow** to configure your button. 4. Set your button label, choose an action type, and enter the action value. 5. Customize colors, size, and entrance delay to match your brand. 6. Click **Save Settings** and visit your site on a mobile device to see the button in action. ## 常見問題集 ### Will this button show on desktop? No. The button is hidden on all screens wider than 767px using both CSS media queries and JavaScript. Desktop visitors will never see it. ### Does it work with Elementor, Divi, or Astra? Yes. The plugin injects directly into the page footer and is fully theme-agnostic. It has been tested with Astra, GeneratePress, OceanWP, and Elementor-based themes. ### Can I hide the button on specific pages? Yes. In the settings page, you can enter a comma-separated list of page IDs or slugs where the button should be hidden (for example: your contact page or checkout page). ### How do I set up the WhatsApp action? Select “WhatsApp” as the action type, then enter your phone number in international format (e.g., `628123456789`). You can also customize the pre-filled message text. ### Is this plugin free? Yes. The core plugin is 100% free and always will be. A Pro version with advanced features is planned for a future release. ### Will it slow down my site? No. The CSS and JS files combined weigh less than 5kb and are only loaded on the frontend. The plugin uses no external dependencies. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈ButtonFlow – Sticky Floating Mobile Button for Call, Messaging& Booking〉的開發相關工作。 參與者 * [ Ga Satrya ](https://profiles.wordpress.org/gasatrya/) [將〈ButtonFlow – Sticky Floating Mobile Button for Call, Messaging & Booking〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/buttonflow) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/buttonflow/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/buttonflow/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/buttonflow/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/buttonflow/)。 ## 變更記錄 #### 1.2.0 * Modernized JavaScript codebase with ES6+ standards (const/let, arrow functions). * Fixed case-sensitivity issue in WhatsApp color auto-selection. * Improved code consistency and safety checks in admin settings. #### 1.1.0 * Fixed version sync across core files. * Added uninstall.php for proper data cleanup on deletion. * Improved mobile detection using matchMedia for better consistency. * Readiness audit and final refinements for WordPress.org submission. #### 1.0.1 * Rebranded the plugin to ButtonFlow. * Minor UI/UX refinements. * Code cleanup and consistency improvements. #### 1.0.0 * Initial release. * Features: Action types (Phone, URL, WhatsApp, Scroll), Custom Colors, Icons, Button Sizing, and Page Exclusion. * Includes: Live Preview and Reset to Defaults functionality. ## 中繼資料 * 版本 **1.2.0** * 最後更新 **3 個月前** * 啟用安裝數 **10+** * WordPress 版本需求 ** 6.5 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 8.0 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/buttonflow/) * 標籤: * [click to chat](https://tw.wordpress.org/plugins/tags/click-to-chat/)[cta](https://tw.wordpress.org/plugins/tags/cta/) [notification bar](https://tw.wordpress.org/plugins/tags/notification-bar/)[whatsapp](https://tw.wordpress.org/plugins/tags/whatsapp/) [whatsapp business](https://tw.wordpress.org/plugins/tags/whatsapp-business/) * [進階檢視](https://tw.wordpress.org/plugins/buttonflow/advanced/) ## 評分 這個項目尚無任何評論記錄。 [Your review](https://wordpress.org/support/plugin/buttonflow/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/buttonflow/reviews/) ## 參與者 * [ Ga Satrya ](https://profiles.wordpress.org/gasatrya/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/buttonflow/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://paypal.me/satrya)