Title: Animated Floating Chat Button Author: HABIBUR (Adnan Habib) Published: 2025 年 2 月 16 日 Last modified: 2026 年 6 月 24 日 --- 搜尋外掛 ![](https://ps.w.org/animated-floating-chat-button/assets/banner-772x250.png?rev =3584733) ![](https://ps.w.org/animated-floating-chat-button/assets/icon-256x256.gif?rev=3241444) # Animated Floating Chat Button 由 [HABIBUR (Adnan Habib)](https://profiles.wordpress.org/csehabiburr183/) 開發 [下載](https://downloads.wordpress.org/plugin/animated-floating-chat-button.1.0.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/animated-floating-chat-button/#description) * [使用者評論](https://tw.wordpress.org/plugins/animated-floating-chat-button/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/animated-floating-chat-button/#installation) * [開發資訊](https://tw.wordpress.org/plugins/animated-floating-chat-button/#developers) [技術支援](https://wordpress.org/support/plugin/animated-floating-chat-button/) ## 外掛說明 **Animated Floating Chat Button** is a simple and effective plugin that lets users connect with you directly on WhatsApp from your website. It adds an **animated floating WhatsApp button** on your WordPress site. ⚡ [Live Demo](https://all-aboutbeauty.gr) ### Video Tutorial 👉 [Youtube Video Tutorial](https://www.youtube.com/watch?v=WGL5-9ZXvOg) ### ✨ **Key Features** * 📱 **Floating WhatsApp Button** – Always visible on your site. * ⚡ **Lightweight & Fast** – Optimized for speed, does not slow down your website. * 🎨 **Customizable** – Change WhatsApp number, default message, and visibility. * 🎭 **Pulse Animation Effect** – Attracts users with a glowing effect. * 📢 **Easy to Use** – Configure settings from the WordPress admin panel. * 📍 Position Controls – Place the button on the left, right, top, or bottom. * 👀 Live Preview – Preview button position directly from the admin settings page. ### 🎯 **Who is this for?** * Online businesses, stores, and service providers 📦 * Bloggers, consultants, and agencies 📝 * Customer support teams 🎧 ### External Services This plugin uses the **WhatsApp API** to enable users to send messages directly via WhatsApp. Below are the details of the external service used: ### **WhatsApp API** * **What it is**: The WhatsApp API is a service provided by WhatsApp (owned by Meta) that allows users to send messages via the WhatsApp platform. * **What it is used for**: This plugin uses the WhatsApp API to generate a link that opens a chat with the configured WhatsApp number and pre-filled message. * **What data is sent**: When a user clicks the floating button, the plugin sends the following data to WhatsApp: - The phone number configured in the plugin settings. - The default message configured in the plugin settings (if any). * **When data is sent**: Data is sent only when the user clicks the floating button to initiate a chat. * **Terms of Service**: [WhatsApp Terms of Service](https://www.whatsapp.com/legal/terms-of-service) * **Privacy Policy**: [WhatsApp Privacy Policy](https://www.whatsapp.com/legal/privacy-policy) ### Privacy Policy This plugin does not collect, store, or process any user data. It only generates a link to WhatsApp when the floating button is clicked, and no information is stored on the server or shared with third parties other than WhatsApp (as described in the External Services section). ### License This plugin is licensed under **GPL v2 or later**. You are free to use, modify, and distribute it. ### Support For support, please contact: 📧 **Email:** [hirehabibur@gmail.com](https://tw.wordpress.org/plugins/animated-floating-chat-button/hirehabibur@gmail.com?output_format=md) 🔗 **Freelancer Profile:** [freelancer.com/u/csehabiburr183](http://www.freelancer.com/u/csehabiburr183) ## 螢幕擷圖 [⌊Chat Setting & Positioning⌉⌊Chat Setting & Positioning⌉[ Chat Setting & Positioning [⌊Save Whatsapp Chat Setting⌉⌊Save Whatsapp Chat Setting⌉[ Save Whatsapp Chat Setting [⌊For Help - Developer Info⌉⌊For Help - Developer Info⌉[ For Help – Developer Info [⌊Front End Output⌉⌊Front End Output⌉[ Front End Output ## 安裝方式 1. Download the plugin ZIP file. 2. Go to **WordPress Dashboard Plugins Add New**. 3. Click **Upload Plugin**, select the ZIP file, and install. 4. Activate the plugin. 5. Go to **WordPress Admin Chat Button** to configure settings. ## 常見問題集 ### Where do I find the settings? You will find a new **“Chat Button” menu item** in your WordPress admin panel. ### How do I change the WhatsApp number? Go to **WordPress Admin Chat Button** and update the phone number field. ### Can I disable the floating button? Yes, go to **WordPress Admin Chat Button** and toggle visibility off. ### Does this plugin store any user data? No, it does not collect or store any user information. ### Will this plugin slow down my website? No, it is lightweight and optimized for speed. ## 使用者評論 ![](https://secure.gravatar.com/avatar/0e75fea4c68db718f1251cbaa48e2135c022113d721dd0a3b08c1f5b65f4a381? s=60&d=retro&r=g) ### 󠀁[Very Good WhatsApp Floating Chat Plugin – Clean & Effective](https://wordpress.org/support/topic/very-good-whatsapp-floating-chat-plugin-clean-effective/)󠁿 [abrahamswizerland](https://profiles.wordpress.org/abrahamswizerland/) 2026 年 2 月 28 日 I’m using this plugin on my websites (autoleasingohnebank.ch and leasingohnebank. ch), and it works perfectly. The floating WhatsApp button looks modern, the animation is smooth, and it helps visitors contact us instantly. Setup was simple, customization is easy, and it runs without any issues. It’s lightweight and does exactly what it promises. Highly recommended for any business website that wants to increase customer engagement through WhatsApp. ![](https://secure.gravatar.com/avatar/246a87b950aad6d126d944948ef3539a7ec771d7dc2d7132ef4873b3011c4487? s=60&d=retro&r=g) ### 󠀁[Best Floating WhatsApp Plugin](https://wordpress.org/support/topic/best-floating-whatsapp-plugin/)󠁿 [rishatreza](https://profiles.wordpress.org/rishatreza/) 2026 年 1 月 7 日 I installed this cool plugin in our website. Really good whatsapp footer icon plugin.. Thank you ![](https://secure.gravatar.com/avatar/89b5fc14dfc42752282904ed78d2e9ff56ab914f91de90d306729792bd725ca5? s=60&d=retro&r=g) ### 󠀁[Wonderful plugin](https://wordpress.org/support/topic/wonderful-plugin-829/)󠁿 [doleng](https://profiles.wordpress.org/doleng/) 2025 年 7 月 30 日 Very smooth, helpful support without getting in the way. ![](https://secure.gravatar.com/avatar/1c7b8659dc02b3a05a225bfdd788ccb290ed89d7a13aad22be116fd6066ccc09? s=60&d=retro&r=g) ### 󠀁[I added this plugin for my client and he is very happy to see it on his site](https://wordpress.org/support/topic/i-added-this-plugin-for-my-client-and-he-is-very-happy-to-see-it-on-his-site/)󠁿 [alokraybd](https://profiles.wordpress.org/alokraybd/) 2025 年 3 月 1 日 I added this plugin for my client and he is very happy to see it on his site ![](https://secure.gravatar.com/avatar/206bcf21baf62aa31928718847456150bdd781f42748af90c2991bc4c1503808? s=60&d=retro&r=g) ### 󠀁[Awesome WhatsApp Chatting Button](https://wordpress.org/support/topic/awesome-whatsapp-chatting-button/)󠁿 [w3web](https://profiles.wordpress.org/w3web/) 2025 年 3 月 1 日 Beautiful animated chat button for WhatsApp chat. Very simple to use. Can you please add option to change background color to match with websites color & also add position changing option.. Rest Every good.. ![](https://secure.gravatar.com/avatar/82a39412c2c96037f74f86795a4511e793837e97f61079bb76621462549d8c4e? s=60&d=retro&r=g) ### 󠀁[Awesome Chat Plugin Really Like it](https://wordpress.org/support/topic/awesome-chat-plugin-really-like-it/)󠁿 [adamidisd](https://profiles.wordpress.org/adamidisd/) 2025 年 2 月 16 日 I just installed this plugin to my website. it works perfectly. just one thing please add that multiple chat platform like Messenger, phone call, facebook, telegram. so we can choose as per our need. rest all ok. thank you for your good plugin. [ 閱讀全部 6 則使用者評論 ](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Animated Floating Chat Button〉的開發相關工作。 參與者 * [ HABIBUR (Adnan Habib) ](https://profiles.wordpress.org/csehabiburr183/) [將〈Animated Floating Chat Button〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/animated-floating-chat-button) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/animated-floating-chat-button/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/animated-floating-chat-button/)， 或透過 [RSS](https://plugins.trac.wordpress.org/log/animated-floating-chat-button/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/animated-floating-chat-button/)。 ## 變更記錄 #### 1.0.2 * Added WhatsApp chat button position controls (Left / Right). * Added WhatsApp chat button position controls (Top / Bottom). * Added horizontal spacing option. * Added vertical spacing option. * Added live position preview in admin settings. * Tested compatibility with WordPress 7.0. * Updated plugin compatibility information. * Improved frontend button positioning controls. * Minor code, UI and security improvements. #### 1.0.1 * Minor CSS update for maximum compatibility. #### 1.0.0 * Initial release with floating WhatsApp button. * Added admin panel settings to change the phone number, message, and button visibility. * Includes animated pulse effect. ## 中繼資料 * 版本 **1.0.2** * 最後更新 **1 週前** * 啟用安裝數 **2,000+** * WordPress 版本需求 ** 5.2 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/animated-floating-chat-button/) * 標籤: * [click to chat](https://tw.wordpress.org/plugins/tags/click-to-chat/)[live chat](https://tw.wordpress.org/plugins/tags/live-chat/) [whatsapp](https://tw.wordpress.org/plugins/tags/whatsapp/)[WhatsApp Chat Button](https://tw.wordpress.org/plugins/tags/whatsapp-chat-button/) [woocommerce whatsapp](https://tw.wordpress.org/plugins/tags/woocommerce-whatsapp/) * [進階檢視](https://tw.wordpress.org/plugins/animated-floating-chat-button/advanced/) ## 評分 5 星，滿分為 5 星 * [ 6 個 5 星使用者評論 ](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/animated-floating-chat-button/reviews/) ## 參與者 * [ HABIBUR (Adnan Habib) ](https://profiles.wordpress.org/csehabiburr183/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/animated-floating-chat-button/)