Atakan Au

Add the clickable WhatsApp button for chat to your site.
Compact: Less than 5 KB file size, only CSS and HTML 
Simple: Very basic settings 
Speedy: No Sql query for fast loading
Visit my blog for support request and feedback: <a href="https://atakanau.blogspot.com/2023/05/css-chat-button-wp-plugin-whatsapp-free.html?utm_content=textlink&utm_medium=link&utm_source=wporg&utm_campaign=csscbdesc&utm_term=csscb" rel="nofollow ugc">CSS chat button</a>
If you like my plugin and want to help me improve it, you can support me by donating.

CSS chat button

Compact Simple Speedy chat button. It allows visitors to contact you via WhatsApp. Lightweight and fast loading for best SEO.

ThemeAtelier

Foysal Imran

Sakhawat Hossain

Abdul Aziz

WhatsApp Chat plugin for WordPress makes it simple to add WhatsApp chat support to your WordPress site with a customizable floating chat bubble, WooCommerce buttons, shortcode buttons, Gutenberg block, and Elementor widget. Whether you’re running a WooCommerce store, a blog, or a service website, Chat Help lets visitors connect with you instantly via WhatsApp or WhatsApp Business—even join your WhatsApp Group directly.
Unlike traditional contact forms or delayed email responses, WhatsApp click-to-chat buttons give customers a familiar, fast, and trusted way to reach you. With pre-filled messages, dynamic variables, agent lists, availability scheduling, and GDPR consent, Chat Help ensures every conversation feels personal, professional, and convenient.
By offering multiple layouts (Simple Button, Single Agent, Single Form, Multi-Agent List/Grid, and Advanced Button), you can design the perfect WhatsApp chat bubble that matches your brand and support needs.
Why Add WhatsApp Chat Support? 
– 2.78+ billion users rely on WhatsApp for messaging worldwide 
– Customers prefer instant messaging over email for support and inquiries 
– A visible WhatsApp chat button builds trust and increases conversions 
– Businesses using multi-agent WhatsApp chat improve response time and satisfaction 
– Smart features like pre-filled messages and WooCommerce product variables reduce friction and boost sales
With Chat Help, you’re not just adding a button—you’re creating a complete WhatsApp customer support system inside WordPress.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/B_xfMNOLP2A?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
👁️<a href="https://wpchathelp.com/" rel="nofollow ugc">Plugin Demo</a> | 📖 <a href="https://wpchathelp.com/docs/" rel="nofollow ugc">Documentation</a> | 🚀<a href="https://wpchathelp.com/pricing/" rel="nofollow ugc">Pro Version</a> | 👩🏼‍💻<a href="https://wordpress.org/support/plugin/chat-help/" rel="ugc">Support</a> | 🌟<a href="https://wordpress.org/support/plugin/chat-help/reviews/#new-post" rel="ugc">Rate this plugin</a>
<h3>👉 Key Features of Chat Help</h3>
<h3>💬 Core Chat Features</h3>
<ul>
<li>Floating Chat Layouts: Choose from multiple chat bubble styles: Single Form, Single Agent, or disable the bubble with No Floating Chat.</li>
<li>Single Form Builder: Collect visitor details before chat with text/textarea fields, labels, placeholders, validation messages, and required fields.</li>
<li>Multiple WhatsApp Types Supported: Personal, Business, or Group — all formats supported in floating chats and buttons.</li>
<li>
Smart Pre-Filled Messages: Ready-to-send messages with global variables (<code>{siteTitle}</code>, <code>{currentURL}</code>, <code>{date}</code>, <code>{ip}</code>) and WooCommerce variables (<code>{productName}</code>, <code>{productPrice}</code>, <code>{stockStatus}</code>). Conditional tags like <code>{PRODUCT_START}...{PRODUCT_END}</code> and <code>{LOGGEDIN_START}...{LOGGEDIN_END}</code> make messages dynamic.
</li>
<li>
Leads Management: Collect, search, filter, export, and analyze all chat leads with full form data and rich metadata — right from your WordPress dashboard.
</li>
</ul>
<h3>🛒 Ecommerce & Integration</h3>
<ul>
<li>WooCommerce Integration: Add WhatsApp contact buttons across the entire shopping journey.</li>
<li>Shop Page Button: Allow customers to contact you directly from product listing pages.</li>
<li>Product Page Button: Show WhatsApp buttons before or after the Add to Cart button on single product pages.</li>
<li>Cart Page Button: Let customers ask questions before completing their purchase.</li>
<li>Checkout Page Button: Provide instant support at the final step to reduce cart abandonment.</li>
<li>Order Thank You Page Button: Keep communication open even after the order is placed.</li>
<li>Auto Product Details: Automatically include product name, SKU, price, sale price, stock status, product URL in the WhatsApp message, cart informations and order informations.</li>
<li>Flexible Button Options: Insert WhatsApp buttons anywhere with shortcodes, Gutenberg block, or Elementor widget.</li>
</ul>
<h3>🎨 Design & User Experience</h3>
<ul>
<li>Custom Styling: Change bubble colors, choose from 900+ Google Fonts, adjust padding, margins, and border radius.</li>
<li>Icons: Use different icon sets for bubble, submit, and circle open/close states.</li>
<li>Tooltips: Enable tooltips and customize text & width.</li>
<li>Animations & Effects: Smooth transitions and bubble animations for floating icons.</li>
<li>Flexible Positioning: Place bubbles bottom-right or bottom-left.</li>
</ul>
<h3>⚙️ Control, Compliance & Analytics</h3>
<ul>
<li>Advanced Page Visibility: Control where the bubble appears (templates, specific pages, etc.).</li>
<li>Timezone & Availability: Set availability per agent/button with automatic Online/Offline switching.</li>
<li>GDPR Compliance: Add a checkbox with your terms text (supports links & formatting).</li>
<li>Google Analytics Tracking: Track button clicks with GA events; add custom UTM parameters or dynamic values.</li>
<li>Advanced Settings: Clean uninstall, import/export settings, custom CSS/JS, and WhatsApp URL behavior control (API/web/intent).</li>
</ul>
<h3>🌐 Compatibility & Performance</h3>
<ul>
<li>Elementor & Page Builder Ready: Works seamlessly with Elementor, Gutenberg, WPBakery, Divi, Beaver Builder, Oxygen, and more.</li>
<li>Multisite & Theme Compatibility: Tested across multisite and popular themes (Astra, Divi, Kadence, GeneratePress, Avada, Neve, Blocksy, OceanWP, etc.).</li>
<li>Multilingual Ready: Translation-ready <code>.pot</code> file; compatible with WPML, Polylang, TranslatePress, Weglot, and Loco Translate.</li>
<li>Developer-Friendly: Clean, modular code for easy extension/customization.</li>
<li>SEO & Performance Optimized: Lightweight, fast-loading, and coded with SEO best practices.</li>
<li>Complete Documentation & Tutorials: Step-by-step guides and video tutorials.</li>
<li>Reliable Support: Fast, friendly support team ready to help.</li>
</ul>
<h4>Page Builders Ready</h4>
<ul>
<li>Gutenberg</li>
<li>WPBakery</li>
<li>Elementor</li>
<li>Beaver Builder</li>
<li>SiteOrigin</li>
<li>Divi Builder</li>
<li>LayersWP</li>
<li>MotoPress</li>
<li>Cornerstone</li>
<li>Themify Builder etc.</li>
</ul>
<h4>Compatible with all major themes, including</h4>
<ul>
<li>Hello Elementor</li>
<li>Astra</li>
<li>Divi</li>
<li>Kadence</li>
<li>Themify Ultra</li>
<li>OceanWP</li>
<li>Hestia</li>
<li>Inspiro</li>
<li>GeneratePress</li>
<li>Avada</li>
<li>Blocksy</li>
<li>Neve</li>
</ul>
<h3>🌟 PRO VERSION FEATURES</h3>
<h3>💬 Layouts & Forms</h3>
<ul>
<li>Floating Chat Layouts: Unlock all layouts — Single Form (with unlimited custom fields), Single Agent, Simple Button, Advanced Button, Multi-Agent List, and Multi-Agent Grid.</li>
<li>Multi-Agent Chat Layout: Display multiple agents in a sleek list or grid, letting users choose who to chat with.</li>
<li>Advanced Button Layout: Premium button style for stronger call-to-action and design flexibility.</li>
<li>Unlimited Form Fields: Build fully customized Single Form layouts with unlimited fields.</li>
</ul>
<h3>🎨 Design & User Experience</h3>
<ul>
<li>Dark & Night Mode: Switch to a modern dark theme for a sleek appearance.</li>
<li>Icon Packs: 2,000+ icons for Send Message, 2,000+ for Circle Button, and 200+ for Close Icon.</li>
<li>Transition Effects for Circle Icon: Choose from 4 smooth animation styles.</li>
<li>Flexible Bubble Positioning: Place the floating chat bubble on the right or centered.</li>
</ul>
<h3>⚙️ Advanced Controls & Integrations</h3>
<ul>
<li>Visibility Control Options: Fine-tune where and when your chat appears — by templates, pages, posts, products, categories, and tags.</li>
<li>Webhooks Integration: Connect with external systems and automation tools using custom webhooks.</li>
</ul>
<h3>Other Plugins from ThemeAtelier</h3>
<h3>OTHER AMAZING PRODUCTS FROM ThemeAtelier</h3>
➡️ <a href="https://wordpress.org/plugins/chat-help/" rel="ugc">WhatsApp Chat Help</a> – A flexible WhatsApp chat plugin that helps website visitors start instant conversations with you directly from your WordPress site.
➡️ <a href="https://wordpress.org/plugins/eventful/" rel="ugc">Eventful – Events Showcase and Filter Bar for The Events Calendar</a> – An event display plugin for The Events Calendar that helps you showcase events in clean, modern, and fully responsive layouts without any coding.
➡️ <a href="https://wordpress.org/plugins/greet-bubble/" rel="ugc">Greet – Video Bubble Warm Welcome Plugin</a> – A video welcome bubble plugin that helps you greet visitors warmly and provide quick contact options to boost engagement.
➡️ <a href="https://wordpress.org/plugins/domain-for-sale/" rel="ugc">Domain For Sale</a> – A domain listing and offer management plugin that helps you list domains, collect buyer offers, and manage secure sales with escrow payments directly from WordPress.
➡️ <a href="https://wordpress.org/plugins/eventful-for-elementor/" rel="ugc">Eventful for Elementor – Events Showcase For The Events Calendar and Elementor</a> – An Elementor addon for The Events Calendar that lets you design and display events using Elementor widgets with advanced, responsive layouts.
➡️ <a href="https://wordpress.org/plugins/better-chat-support/" rel="ugc">Better Chat Support For Messenger</a> – A Facebook Messenger chat plugin that allows visitors to contact you instantly through Messenger with customizable chat bubbles.

ChatHelp – Click to Chat Button, Chat to Order, Floating Chat & Form

Add WhatsApp click to chat with floating chat button, chat to order for WooCommerce, and chat forms to convert visitors into customers.

CSS chat button vs ChatHelp – Click to Chat Button, Chat to Order, Floating Chat & Form