Atakan Au

<p>Add the clickable WhatsApp button for chat to your site.</p>
<p><strong>Compact</strong>: Less than 5 KB file size, only CSS and HTML<br />
<strong>Simple</strong>: Very basic settings<br />
<strong>Speedy</strong>: No Sql query for fast loading</p>
<p>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></p>
<p>If you like my plugin and want to help me improve it, you can support me by donating.</p>


CSS chat button

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

quadlayers

<p><a href="https://quadlayers.com/products/whatsapp-chat/" rel="nofollow ugc">Premium</a> | <a href="https://quadlayers.com/demo/whatsapp-chat/" rel="nofollow ugc">Demo</a> | <a href="https://quadlayers.com/documentation/whatsapp-chat/" rel="nofollow ugc">Documentation</a> | <a href="https://discord.com/invite/U3rs3rPPQ4" rel="nofollow ugc">Discord</a></p>
<p>WhatsApp Chat for WordPress allows your customers to click a button and open a conversation from your website directly to your “WhatsApp” or “WhatsApp Business” phone number. This plugin includes a Whatsapp button where you can include a pre-set message, which will be automatically be the first message in the conversation.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/TY4hEJjZL8Y?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></span>
<h3>Formerly WhatsApp Chat</h3>
<p>This plugin was formerly known as “WhatsApp Chat”. WordPress forced us on August 8, 2019 to change the name of the plugin due to use of the “WhatsApp” word in the name. We apologize for the problems that the downtime may have caused to you.</p>
<h3>Why WhatsApp?</h3>
<p>WhatsApp is these days, the most popular instant messaging application in the world. Is available in more than 100 countries and supporting more than 50 languages.<br />
This means most of our users use WhatsApp as their main contact method, and they probably have been using it for years. Therefore, offering easy access from our website is a good way to convert those visitors into customers.<br />
Generating leads is the key to every business success, and the Social Chat button can help you to increase your overall sales and reach this goal.</p>
<h3>WhatsApp Button</h3>
<p>With the Social Chat button, your visitors will be allowed to send a message directly to your phone number. To start configuring it, you have to go to the button tab inside the Social Chat section that you can find in your admin dashboard.<br />
Inside the button tab, you wil be able to switch between two different layouts, and to define if you want to include rounded edges, also the position where you want to show the WhatsApp button, the text to be displayed inside, the WhatsApp phone number and the default user message.</p>
<h3>Social Chat Box</h3>
<p>Social Chat also allows you to include a box to show some contact information and a personalized message. This box can be activated through the Box tab inside the Social Chat section, and there also you can define the header and footer message, contact name, phone, work, and an avatar.</p>
<h3>Social Chat Features</h3>
<blockquote>
<ul>
<li>WhatsApp button</li>
<li>WhatsApp contact box</li>
<li>WhatsApp button and box colors</li>
<li>Add custom icon in the WhatsApp button</li>
<li>Two button layouts</li>
<li>Hide the button based on post types and taxonomies</li>
<li>Add rounded or square borders</li>
<li>Vertical and horizontal position</li>
<li>Custom button text</li>
<li>Custom user message</li>
<li>WooCommerce product page integration</li>
<li>WooCommerce archive pages integration</li>
<li>Dynamic message variables</li>
</ul>
</blockquote>
<h3>WhatsApp Message Dynamic Variables</h3>
<p>Synce version 5.0.6 you’re able use variables in your WhatsApp Button or contact messages.</p>
<p>{SITE_TITLE}    ➡ Is replaced by the current site title<br />
{SITE_URL}      ➡ Is replaced by the current site url<br />
{SITE_EMAIL}    ➡ Is replaced by the current site email<br />
{CURRENT_TITLE} ➡ Is replaced by the current page title<br />
{CURRENT_URL}   ➡ Is replaced by the current page url</p>
<h3>WooCommerce WhatsApp Message Variables</h3>
<p>Since version 8.1.9, WooCommerce users can use product-specific variables in their WhatsApp messages:</p>
<p>{PRODUCT_TITLE} ➡ Is replaced by the product name<br />
{PRODUCT_URL}   ➡ Is replaced by the product URL<br />
{PRODUCT_PRICE} ➡ Is replaced by the product price<br />
{PRODUCT_SKU}   ➡ Is replaced by the product SKU<br />
{PRODUCT_ID}    ➡ Is replaced by the product ID</p>
<h3>🎁 New!! WooCommerce WhatsApp</h3>
<p>Since version 6.0.1 you can include a WooCommerce WhatsApp button in the Single product pages to allows your users to prompt a custom message to your WhatsApp App.</p>
<p>The WhatsApp Button can be included directly on your WooCoomerce product pages next to the “Add to cart” button.</p>
<p>Also you can include WooCommerce WhatsApp button in the next actions:</p>
<blockquote>
<ul>
<li>Before “Add To Cart” form</li>
<li>Before “Add To Cart” button</li>
<li>After “Add To Cart” button</li>
<li>After “Add To Cart” form</li>
<li>After “Additional information”</li>
</ul>
</blockquote>
<h3>🎁 New!! WooCommerce Archives WhatsApp</h3>
<p>Since version 8.1.9 you can display a customizable WhatsApp button on WooCommerce archive pages, including:</p>
<blockquote>
<ul>
<li>Shop page</li>
<li>Product category archives</li>
<li>Product tag archives</li>
<li>Product brand archives (for plugins that support it)</li>
</ul>
</blockquote>
<p>You can configure a custom message, button style, and position for each archive type. The button supports all WooCommerce product variables, making it easy for customers to inquire about products directly from archive pages.</p>
<h3>🎁 New!! WooCommerce WhatsApp Payment Gateway (Premium)</h3>
<p>Since version 8.3.0 you can enable WhatsApp as a payment method in WooCommerce checkout! This powerful <strong>premium</strong> feature allows customers to:</p>
<blockquote>
<ul>
<li>Select WhatsApp Order as a payment method at checkout</li>
<li>Automatically send order details to your WhatsApp number</li>
<li>Customize order messages with dynamic variables (ORDER_ID, ORDER_TOTAL, CUSTOMER_NAME, ORDER_PRODUCTS, etc.)</li>
<li>Auto-redirect customers to WhatsApp after placing an order</li>
<li>Configure custom order status, redirect delay, and visibility settings</li>
<li>Support for both individual phone numbers and WhatsApp groups</li>
<li>Full compatibility with WooCommerce Blocks checkout</li>
</ul>
</blockquote>
<p>Perfect for businesses that want to confirm payments via WhatsApp or provide a more personal checkout experience. All order information is automatically formatted and sent to your WhatsApp, making order management seamless.</p>
<p><strong>WooCommerce Order Message Variables:</strong><br />
{ORDER_ID} ➡ Order ID<br />
{ORDER_NUMBER} ➡ Order Number<br />
{ORDER_TOTAL} ➡ Order Total Amount<br />
{ORDER_DATE} ➡ Order Date<br />
{ORDER_TIME} ➡ Order Time<br />
{ORDER_STATUS} ➡ Order Status<br />
{ORDER_URL} ➡ View Order URL<br />
{ORDER_PRODUCTS} ➡ List of ordered products<br />
{CUSTOMER_NAME} ➡ Customer Full Name<br />
{CUSTOMER_EMAIL} ➡ Customer Email<br />
{CUSTOMER_PHONE} ➡ Customer Phone<br />
{BILLING_ADDRESS} ➡ Billing Address<br />
{SHIPPING_ADDRESS} ➡ Shipping Address<br />
{PAYMENT_METHOD} ➡ Payment Method Title</p>
<h3>WhatsApp Premium</h3>
<p>The premium version of the Social Chat plugin allows you to include multiple team member agents, distinguishing their names and labels inside. The contact box helps to provide direct contacts to the different support areas of your site.<br />
A new option to display a chatbox for each agent is included. This box will be displayed when the user clicks on the WhatsApp contact, and you can define custom message to be shown from each contact. Your users will be able to type the message that will be sent to the WhatsApp contact phone.<br />
Finally, we’ve included an option that allows you to select between more than fourteen icons to be included at WhatsApp button, and allowa full integration with the WordPress live customizer.</p>
<h3>AI-Powered Chatbots (Beta)</h3>
<p>Build intelligent chatbots with our visual flow builder – no coding required! Create smart conversations using a simple drag-and-drop interface to convert visitors into customers. Design conversation flows with connected blocks, deploy instantly to your contacts, and boost engagement with AI-powered responses. Join our Discord community to get early access and help shape this revolutionary feature.</p>
<h3>Social Chat Premium Features</h3>
<blockquote>
<ul>
<li>AI-Powered Chatbots with visual flow builder</li>
<li>Multiple WhatsApp phone numbers</li>
<li>Chatbox interface for each WhatsApp phone number</li>
<li>Customize each WhatsApp contact welcome message</li>
<li>Allow users to send the first message to your WhatsApp</li>
<li>GDPR consent checkbox with customizable message</li>
<li>Display WhatsApp button based on custom post types and taxonomies</li>
<li>Display WhatsApp Button business hours</li>
<li>Display WhatsApp Contacts business hours</li>
<li>Google Analytics v3 events</li>
<li>Google Analytics v4 events</li>
<li>WhatsApp group support</li>
<li>WooCommerce WhatsApp Payment Gateway</li>
<li>Auto-redirect to WhatsApp after order placement</li>
<li>WooCommerce Blocks checkout compatibility</li>
</ul>
</blockquote>
<h3>WhatsApp Button Installation</h3>
<ol>
<li>Go to the Plugins Menu in WordPress</li>
<li>Search for “Social Chat WP”</li>
<li>Click “Install”</li>
<li>Click “Activation”</li>
<li>Go to the Social Chat options in the dashboard</li>
</ol>
<h3>WhatsApp Button Shortcodes</h3>
<p>Our WhatsApp plugin support shortcodes to add WhatsApp button or box inside any post or widget.<br />
You can change the shortcode attributes to customize the WhatsApp phone number, styles or welcome message.</p>
<p><a href="https://quadlayers.com/documentation/whatsapp-chat/shortcode/" rel="nofollow ugc">WhatsApp Shortcodes</a></p>
<h3>Developed by</h3>
<p><a href="https://quadlayers.com" rel="nofollow ugc">QuadLayers</a></p>


Social Chat – Click To Chat App Button

This plugin is just amazing

Nice plugin

WhatsApp Chat🔥 allows you to enhance customer engagement! Integrate "WhatsApp" or "WhatsApp Business" with a single click.

CSS chat button vs Social Chat – Click To Chat App Button