Title: DirectChat – Floating Chat Button Author: Nitish Verma Published: 2026年1月20日 Last modified: 2026年5月16日 --- プラグインを検索 ![](https://ps.w.org/directchat-floating-button/assets/banner-772x250.png?rev=3443501) このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。 ![](https://ps.w.org/directchat-floating-button/assets/icon-256x256.png?rev=3443501) # DirectChat – Floating Chat Button 作者: [Nitish Verma](https://profiles.wordpress.org/imnitishverma/) [ダウンロード](https://downloads.wordpress.org/plugin/directchat-floating-button.1.0.7.zip) * [詳細](https://ja.wordpress.org/plugins/directchat-floating-button/#description) * [レビュー](https://ja.wordpress.org/plugins/directchat-floating-button/#reviews) * [インストール](https://ja.wordpress.org/plugins/directchat-floating-button/#installation) * [開発](https://ja.wordpress.org/plugins/directchat-floating-button/#developers) [サポート](https://wordpress.org/support/plugin/directchat-floating-button/) ## 説明 🔥 **DirectChat – The Best WhatsApp Chat Plugin for WordPress & WooCommerce.** Let your website visitors contact you instantly via **WhatsApp** or **WhatsApp Business** with a single click. DirectChat bridges the gap between you and your customers, helping you **boost sales, provide support, and capture leads** effortlessly. Unlike outdated plugins, DirectChat features a stunning **Glassmorphism UI**, smooth animations, and is built for **Performance (Zero jQuery)**. 👉 **[See Live Demo](https://nitishverma.com/directchat-floating-chat-button-wordpress-plugin/)** | **[Get PRO Version](https://nitishverma.com/directchat-floating-chat-button-wordpress-plugin/)** **WATCH: How to Setup DirectChat in 2 Minutes 👇** #### 🚀 Free Features – Powerful & Lightweight 📱 **Seamless Connectivity** * **Mobile:** Automatically opens the WhatsApp Mobile App. * **Desktop:** Directs users to WhatsApp Web (web.whatsapp.com) or Desktop App. 🎨 **Modern Design & Customization** * **Glassmorphism UI:** Stand out with a premium, frosted-glass look. * **Pulse Animation:** Grabs visitor attention instantly without being annoying. * **Custom Positions:** Place the button on the **Left** or **Right** side of the screen. * **Custom Call-to-Action:** Add tooltips like _“Need Help?”_ or _“Chat with us”_. ⚡ **Performance Focused** * **No jQuery:** Written in pure Vanilla JS. Doesn’t slow down your site. * **Lightweight:** Less than 10KB loaded on the frontend. *** Device Targeting:** Show/Hide on Mobile or Desktop specifically. 🕵️ **Smart Context** * **Pre-filled Messages:** Start the conversation for the user. * **Dynamic Variables:** Automatically insert `{SITE_TITLE}` or `{CURRENT_URL}` in the message so you know exactly where the user is coming from. #### 💎 PRO Features – Unlock Business Growth Upgrade to **DirectChat Pro** to unlock powerful features designed for Teams, Agencies, and E-commerce stores. 👥 **1. Multi-Agent Support** Don’t rely on a single number. Create a team list inside the chat window. * Add multiple agents (e.g., **Sales, Support, Billing**).* Add names and designations (e.g., _“John – Tech Lead”_). * Let customers choose the right person to talk to. 💬 **2. Premium ChatBox Interface** Simulate a real live-chat experience. * Instead of redirecting immediately, show a beautiful **Chat Window** inside your website.* Engage users with a custom welcome message and header. * Keeps users on your website longer. 🛍️ **3. Advanced WooCommerce Integration** Supercharge your store sales with the**“ Order on WhatsApp”** feature. * **Product Context:** Automatically adds the **Product Name** & **URL** to the WhatsApp message. * _Example:_ “Hi, I am interested in buying[ Nike Shoes – Red].” * **Buy Button:** Add a dedicated WhatsApp button below the “ Add to Cart” button on single product pages. 📊 **4. Analytics & Tracking** Stop guessing. Start tracking. * **Google Analytics 4 (GA4):** Automatically sends events to GA4 when someone clicks the chat button.* Measure which pages drive the most WhatsApp conversations. 🛡️ **5. GDPR Compliance** Stay compliant with EU laws. * Show a **Consent Checkbox** before starting the chat. * Ensure users agree to your terms before contacting. 👉 **[Upgrade to DirectChat Pro ($29)](https://nitishverma.com/directchat-floating-chat-button-wordpress-plugin/)** #### 💡 Why Choose DirectChat? * **Easy Setup:** Get started in 2 minutes. No coding required. * **100% Responsive:** Looks perfect on iPhone, Android, iPads, and Desktops. * **Clean Code:** Follows strict WordPress coding standards. * **Priority Support:** Pro users get fast, dedicated email support. ### Support & Links * **Official Website:** [Nitish Verma](https://nitishverma.com/) * **Plugin Homepage:** [DirectChat Plugin Page](https://nitishverma.com/directchat-floating-chat-button-wordpress-plugin/) * **Contact Email:** info@nitishverma.com ## スクリーンショット [⌊Plugin settings page⌉⌊Plugin settings page⌉[ Plugin settings page [⌊Floating button on website⌉⌊Floating button on website⌉[ Floating button on website ## インストール 1. Upload the `directchat-floating-button` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Go to ‘DirectChat’ in the admin menu. 4. Enter your WhatsApp phone number with country code (e.g., 919876543210). 5. Customize other settings as needed. ## FAQ ### How do I add my phone number? Go to DirectChat settings in your WordPress admin panel and enter your phone number with country code (without + symbol). For example: 919876543210. ### Does it support WooCommerce? The Free version works on WooCommerce pages, but the **Pro Version** adds a dedicated“ Order on WhatsApp” button specifically for products. ### Can I add multiple numbers? Multi-agent support is available in the [Pro Version](https://nitishverma.com/directchat-floating-chat-button-wordpress-plugin/). ### Where can I get support or report a bug? For official support, feature requests, or queries, contact us directly at info@ nitishverma.com or visit our [Official Plugin Page](https://nitishverma.com/directchat-floating-chat-button-wordpress-plugin/). ## 評価 このプラグインにはレビューがありません。 ## 貢献者と開発者 DirectChat – Floating Chat Button はオープンソースソフトウェアです。以下の人々が このプラグインに貢献しています。 貢献者 * [ Nitish Verma ](https://profiles.wordpress.org/imnitishverma/) [“DirectChat – Floating Chat Button” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/directchat-floating-button) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/directchat-floating-button/) するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/directchat-floating-button/) をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/directchat-floating-button/) を [RSS](https://plugins.trac.wordpress.org/log/directchat-floating-button/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 1.0.7 * Improvement: Added helpful setup video in description. * Improvement: Updated Pro version details and documentation links. * Fix: Minor UI improvements in settings panel. #### 1.0.6 * Fix: Implemented Late Escaping on all output variables for strict security compliance. * Fix: Updated JavaScript localized variable naming convention to snake_case. #### 1.0.5 * Fix: Updated JavaScript localized variable name for better uniqueness. * Improvement: Enhanced code documentation. #### 1.0.0 * Initial release. ## メタ * バージョン **1.0.7** * 最終更新日 **5か月前** * 有効インストール数 **30+** * WordPress バージョン ** 5.0またはそれ以降 ** * 検証済み最新バージョン: **6.7.10** * PHP バージョン ** 7.4またはそれ以降 ** * 言語 * [English (US)](https://wordpress.org/plugins/directchat-floating-button/) * タグ * [chat button](https://ja.wordpress.org/plugins/tags/chat-button/)[click to chat](https://ja.wordpress.org/plugins/tags/click-to-chat/) [Floating Chat](https://ja.wordpress.org/plugins/tags/floating-chat/)[support](https://ja.wordpress.org/plugins/tags/support/) [whatsapp](https://ja.wordpress.org/plugins/tags/whatsapp/) * [詳細を表示](https://ja.wordpress.org/plugins/directchat-floating-button/advanced/) ## 評価 レビューはまだ送信されていません。 [Your review](https://wordpress.org/support/plugin/directchat-floating-button/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/directchat-floating-button/reviews/) ## 貢献者 * [ Nitish Verma ](https://profiles.wordpress.org/imnitishverma/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/directchat-floating-button/)