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

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.
👁️<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 buttons before/after Add to Cart. Auto-pull SKU, price, sale, and stock details. Engage customers directly from product or shop pages.</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>
<h3>Full Features & Setup Guide</h3>
<iframe loading="lazy" title="WhatsApp chat help free - Overview" width="750" height="422" src="https://www.youtube.com/embed/RNwVAoGQssI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<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>
➡️ <a href="https://wordpress.org/plugins/darkify/" rel="ugc">Darkify Dark Mode</a> – Lightweight, customizable WordPress dark mode plugin for a sleek, accessible, and eye-friendly experience on both frontend and admin dashboard.
➡️ <a href="https://wordpress.org/plugins/eventful/" rel="ugc">Eventful – Event Showcase Addon for The Events Calendar</a> – Elevate your event management with this dynamic addon, enhancing ‘The Events Calendar’ with versatile layouts, advanced filtering, and user-friendly features for superior event showcasing.
➡️ <a href="https://wordpress.org/plugins/domain-for-sale/" rel="ugc">Domain For Sale</a> – Transform your unused domain names into cash with this easy-to-use plugin that provides a professional template, customizable options, and a contact form for effortless selling.
➡️ <a href="https://wordpress.org/plugins/greet-bubble/" rel="ugc">Greet – Video Bubble Warm Welcome Plugin</a> – A powerful and user-friendly video bubble plugin for WordPress that provides website owners with the opportunity to create a dynamic and engaging welcome experience for their visitors.
➡️ <a href="https://wordpress.org/plugins/eventful-for-elementor/" rel="ugc">Eventful for Elementor – Events Showcase For The Events Calendar and Elementor</a> – Elevate your event management with this dynamic addon, enhancing ‘The Events Calendar’ with versatile layouts, advanced filtering, and user-friendly features for superior event showcasing.

Chat Help – Click to Chat Button & Form

Add WhatsApp chat support with floating bubble, WooCommerce buttons, shortcodes, and page builder widgets.

CSS chat button vs Chat Help – Click to Chat Button & Form