WordPress.org

Taiwan 正體中文

取得 WordPress
WordPress.org

Plugin Directory

Smart Chat Button

Smart Chat Button

由 M Arslan Farooq 開發
下載

外掛說明

Smart Chat Button is a fast, lightweight, and highly customizable plugin for WordPress. Effortlessly display a stylish floating WhatsApp chat button on your website to allow visitors to chat with you or your team in a single click.

After clicking the button, users are taken directly to WhatsApp (on mobile) or WhatsApp Web (on desktop) to start a conversation.

Main Features:
– 📱 WhatsApp & WhatsApp Business integration
– 💬 Prefilled messages with dynamic variables (e.g. {product_title})
– 🎨 Custom icon support (SVG & PNG)
– 🧊 Modern floating button with smooth animation (glassmorphic style)
– 🗨️ Sliding chat drawer with custom text, colors, and multi-agent support
– 🛠️ Intuitive and responsive admin settings panel
– ♿ Accessible markup with keyboard navigation support
– 🌍 Fully translatable (WPML & Polylang compatible)
– 🛒 WooCommerce integration – display only on product pages if needed
– 📐 Position button bottom-left or bottom-right
– 📏 Customizable margins for mobile, tablet, and desktop

Perfect for e-commerce stores, agencies, and service providers who want to improve customer engagement and support via direct WhatsApp messaging.

螢幕擷圖

  • WhatsApp Button Settings (General)
  • WhatsApp Button Settings (Position & Styling)
  • WhatsApp Button with Floating Text Bubble (Bottom Left)
  • WhatsApp Button without Text Bubble (Bottom Left)
  • WhatsApp Button with Floating Text Bubble (Bottom Right)
  • WhatsApp Button without Text Bubble (Bottom Right)

安裝方式

Automatic via WordPress Dashboard

  1. Go to Plugins Add New.
  2. Search for “Smart Chat Button”.
  3. Click Install Now and then Activate.
  4. Visit Settings Smart Chat Button to configure.

Manual Upload via FTP

  1. Download the plugin ZIP.
  2. Unzip and upload the smart-chat-button folder to /wp-content/plugins/.
  3. Activate via Plugins in your WordPress admin.

常見問題集

How do I set my WhatsApp number?

Navigate to Settings Smart Chat Button and enter your WhatsApp number (with country code, no special characters like +, -, (, ), or spaces).

Example:
✅ Correct: 15551234567
❌ Incorrect: +1 (555) 123-4567

Can I change the button’s position?

Yes, choose Bottom Left or Bottom Right in the settings.

Can I show the button only on WooCommerce product pages?

Enable Only Show on Product Pages (WooCommerce) in the settings to limit button display.

Can I add a prefilled message?

Absolutely! Enter your default message in the settings. Use {product_title} for dynamic product titles on WooCommerce.

Is the plugin translation-ready?

Yes, all strings are translatable, with a .pot file included in the languages folder. Compatible with WPML, Polylang, and Loco Translate.

Will this plugin affect my site speed?

No. The plugin is lightweight and optimized. It loads minimal assets, only on the frontend when enabled.

使用者評論

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

參與者及開發者

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

參與者

將〈Smart Chat Button〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣？

任何人均可瀏覽程式碼、查看 SVN 存放庫，或透過 RSS 訂閱開發記錄。

變更記錄

1.7.0

  • New: Click counter now records clicks on the main WhatsApp button even when no team members are set.
  • Fix: Admin stats now display all click counts correctly (main button and team members).
  • Improvement: Code cleanup and improved compatibility with most WordPress themes.
  • Other: Minor bug fixes and stability enhancements.

1.6.0

  • New: If no team members are added, clicking the main WhatsApp button goes straight to WhatsApp chat instead of opening the chat drawer/modal.
  • New: Improved plugin directory detection and icon URL handling for maximum compatibility with custom folders or multisite.
  • New: Accessibility – admin settings tabs use correct ARIA roles and keyboard navigation (tab, arrow keys, focus state).
  • Improvement: Admin tabs now fully follow WordPress design, are more reliable, and persist the active tab after refresh.
  • Improvement: Plugin settings panel UI updated for clarity and usability.
  • Fix: No more duplicate or broken icon paths when using custom icons or media uploads.
  • Fix: Drawer/modal will not open if no team members exist (prevents empty/blank UI).
  • Fix: Prevents unnecessary asset loading or rendering on admin and non-public pages.
  • Security: Enhanced sanitization for all dynamic and user-uploaded image outputs (SVG, PNG, media library).
  • Security: All SVGs run through stricter wp_kses filtering.
  • Code: Refactored button template for PHPCS/Plugin Check compliance (no direct plugin asset URLs, all images via Media Library or loader function).
  • Code: Old/legacy JS and CSS removed; improved code comments and documentation.
  • Tested: WordPress 6.8 compatibility and WooCommerce latest.
  • Docs: Readme updated with new instructions and screenshots.

1.5.0

  • Feature: Added support for PNG icons in main button (in addition to SVG).
  • Improvement: Improved button and icon HTML/CSS for better centering/scaling of custom images.
  • Fix: Button icon now reliably appears regardless of icon file type or theme CSS.
  • Enhancement: Improved compatibility with popular themes and page builders.
  • Fix: Resolved overlapping between button and drawer across devices.
  • Improvement: Refined hover/focus states for better accessibility.
  • Improvement: CSS refactored for easier maintenance and responsive design.
  • Security: Minor enhancements for image URL/output sanitization.
  • Docs: Updated documentation for new icon guidelines.

1.4.0

  • Modernized chat member UI: Card is now fully clickable for better UX.
  • Inline SVG loader for safer, more flexible WhatsApp icon display.
  • Improved fallback/sanitization for team member avatars.
  • Per-member click stats added to admin Stats tab.
  • Card visuals refreshed for a cleaner look.
  • Improved icon loading logic and security.
  • date() replaced with gmdate() in stats for timezone safety.
  • All output escaping issues fixed; fully passes Plugin Check.
  • Fixed PHP warnings for undefined stats/members.
  • Fixed avatar display and SVG loading issues.
  • Button/drawer now open/close reliably on all browsers.
  • Deprecated per-row WhatsApp links—main card is now clickable.

1.3.0

  • Team Members: Add/manage multiple WhatsApp agents with roles, avatars, and toggle.
  • Modern Admin UI: Improved settings panel with tabs and responsiveness.
  • Button Click Stats: View daily/total clicks (last 7 days) in admin.
  • Custom Icon Upload: Use your own WhatsApp icon (SVG or image).
  • Live Icon Preview: Real-time in design settings.
  • More Controls: Device-specific margins and visibility toggles.
  • Role/Avatar for members: Easy upload and preview.
  • Improved: All output escaping, sanitization, and coding standards.
  • Fixed: Button/modal positioning, click tracking, SVG/avatar rendering, and navigation state.
  • Upgrade notes: After update, review Team Members and re-save settings; clear cache for changes.

1.2.0

  • Added Stats tab for WhatsApp click tracking (via AJAX)
  • Minor style/version updates

1.1.0

  • Added media library icon selector and secure image output
  • Redesigned admin settings panel
  • Elementor widget support
  • Custom sliding chat drawer
  • Glassmorphic button style
  • Improved color/text customization

1.0.0

  • Initial release: Floating WhatsApp button, positioning, margins

中繼資料

評分

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

新增使用者評論

查看全部使用者評論

技術支援

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

檢視技術支援論壇

贊助

想要支援這個外掛的發展嗎？

贊助這個外掛