Add a beautiful, customizable WhatsApp chat button to your WordPress or WooCommerce site to boost customer engagement instantly.
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.
Screenshots
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)
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.
ChangeLog
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
