=== Smart Chat Button === Contributors: mrsoukbh Donate link: https://linkze.me/donate-me Tags: whatsapp, chat, woocommerce, sticky button, floating button Requires at least: 3.7 Tested up to: 6.8 Requires PHP: 7.2 Stable tag: 1.2.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Add a beautiful, customizable WhatsApp chat button to your WordPress or WooCommerce site to boost customer engagement instantly. == Description == **Smart Chat Button** is a fast, lightweight, and highly customizable WordPress plugin that displays a beautiful floating WhatsApp chat button on your website. After clicking the button, users are taken directly to WhatsApp Mobile App or WhatsApp Web, depending on their device. This plugin supports: - πŸ“± WhatsApp & WhatsApp Business integration - πŸ’¬ Prefilled message with dynamic variables (e.g., `{product_title}`) - 🎨 Custom icon upload - 🧊 Modern glassmorphic floating button with animation - πŸ—¨οΈ Sliding chat drawer with custom text & colors - πŸ› οΈ Modern, responsive admin settings panel - β™Ώ Accessible markup with keyboard support - 🌍 Fully translatable (WPML & Polylang compatible) - πŸ›’ WooCommerce integration – show button only on product pages - πŸ“ Responsive positioning (Bottom Left / Bottom Right) - πŸ“ Customizable margins per device type (Mobile, Tablet, Desktop) Perfect for e-commerce stores, service providers, and customer support teams looking to improve engagement through direct messaging. == Installation == = From Your WordPress Dashboard = 1. Navigate to Plugins β†’ Add New 2. Search for "Smart Chat Button" 3. Click Install Now, then Activate 4. Go to Settings β†’ Smart Chat Button to configure = Manual Upload via FTP = 1. Download the plugin ZIP file 2. Unzip and upload the `smart-chat-button` folder to `/wp-content/plugins/` 3. Activate the plugin from the Plugins menu in WordPress == Frequently Asked Questions == = How do I set my WhatsApp number? = Go to **Settings > Smart Chat Button** and enter your WhatsApp number **with country code**, but without any special characters like `+`, `-`, `(`, `)` or spaces. Example: βœ… Use: `15551234567` ❌ Don't use: `+1 (555) 123-4567` = Can I change the position of the button? = Yes! You can choose between **Bottom Left** or **Bottom Right** positions from the settings page. = How can I display the button only on WooCommerce product pages? = Enable the option **"Only Show on Product Pages (WooCommerce)"** in the settings. This will hide the button on all non-product pages. = Can I add a prefilled message? = Yes! Enter your desired text in the **Default Message** field. You can also use `{product_title}` as a variable when using WooCommerce integration. = Is this plugin translation ready? = Yes! The plugin uses standard WordPress internationalization functions (`__()` and `echo esc_html__()`), and comes with a `.pot` file inside the `languages` directory. You can easily translate it into any language using tools like Loco Translate or Poedit. = Does this plugin affect site speed? = No! It’s built with performance in mind. No external JavaScript libraries or unnecessary assets are loaded. Only a small inline CSS and script in footer. == Changelog == = 1.2.0 = * Added Stats tab to view WhatsApp click counts * Counts are tracked via AJAX without reloading the page * Minor style and version updates = 1.1.0 = * Added media library icon selector and improved escaping * Redesigned admin settings panel with responsive layout * Added helper for secure image output * Fixed escaping issues flagged by Plugin Check * Versioned asset loading for better caching * Added Elementor widget for custom WhatsApp chat buttons * Added customizable sliding chat drawer * New glassmorphic floating button style * Color pickers and text fields in settings = 1.0.0 = * Initial release * Basic WhatsApp chat button functionality * Positioning options * Margin settings per device type == Screenshots == 1. screenshot-1.png - WhatsApp Button Settings (General) 2. screenshot-2.png - WhatsApp Button Settings (Position & Styling) 3. screenshot-3.png - WhatsApp Button with Floating Text Bubble (Bottom Left) 4. screenshot-4.png - WhatsApp Button without Text Bubble (Bottom Left) 5. screenshot-5.png - WhatsApp Button with Floating Text Bubble (Bottom Right) 6. screenshot-6.png - WhatsApp Button without Text Bubble (Bottom Right)