Title: Smart Chat Button Author: M Arslan Farooq Published: 21 يونيو، 2025 Last modified: 23 يونيو، 2025 --- البحث عن الإضافات ![](https://ps.w.org/smart-chat-button/assets/banner-772x250.png?rev=3315647) ![](https://ps.w.org/smart-chat-button/assets/icon-256x256.png?rev=3315647) # Smart Chat Button بواسطة [M Arslan Farooq](https://profiles.wordpress.org/mrsoukbh/) [تنزيل](https://downloads.wordpress.org/plugin/smart-chat-button.1.7.0.zip) * [تفاصيل](https://ar.wordpress.org/plugins/smart-chat-button/#description) * [المراجعات](https://ar.wordpress.org/plugins/smart-chat-button/#reviews) * [التنصيب](https://ar.wordpress.org/plugins/smart-chat-button/#installation) * [التطوير](https://ar.wordpress.org/plugins/smart-chat-button/#developers) [الدعم](https://wordpress.org/support/plugin/smart-chat-button/) ## الوصف **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” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة. المساهمون * [ M Arslan Farooq ](https://profiles.wordpress.org/mrsoukbh/) [ترجمة ”Smart Chat Button“ إلى لغتك.](https://translate.wordpress.org/projects/wp-plugins/smart-chat-button) ### مُهتم بالتطوير؟ [تصفّح الشفرة](https://plugins.trac.wordpress.org/browser/smart-chat-button/)، تحقق من [مستودع SVN](https://plugins.svn.wordpress.org/smart-chat-button/)، أو الاشتراك في [سجل التطوير](https://plugins.trac.wordpress.org/log/smart-chat-button/) بواسطة [RSS](https://plugins.trac.wordpress.org/log/smart-chat-button/?limit=100&mode=stop_on_copy&format=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 ## ميتا Meta * Version **1.7.0** * Last updated **قبل 10 أشهر** * Active installations **20+** * WordPress version ** 3.7 أو أعلى ** * Tested up to **6.8.5** * PHP version ** 7.2 أو أعلى ** * Language * [English (US)](https://wordpress.org/plugins/smart-chat-button/) * Tags * [chat](https://ar.wordpress.org/plugins/tags/chat/)[floating button](https://ar.wordpress.org/plugins/tags/floating-button/) [sticky button](https://ar.wordpress.org/plugins/tags/sticky-button/)[whatsapp](https://ar.wordpress.org/plugins/tags/whatsapp/) [woocommerce](https://ar.wordpress.org/plugins/tags/woocommerce/) * [عرض متقدم](https://ar.wordpress.org/plugins/smart-chat-button/advanced/) ## التقييم لم يتم تقديم أي مراجعات بعد. [Your review](https://wordpress.org/support/plugin/smart-chat-button/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/smart-chat-button/reviews/) ## المساهمون * [ M Arslan Farooq ](https://profiles.wordpress.org/mrsoukbh/) ## الدعم لديك شيء لتقوله؟ بحاجة الى مساعدة؟ [عرض منتدى الدعم](https://wordpress.org/support/plugin/smart-chat-button/) ## تبرع هل ترغب في تقديم دعم متقدم لهذه الإضافة؟ [ تبرع لهذه الإضافة ](https://linkze.me/donate-me)