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.

Tomer Aharon

Gal Dubinski

Premio

<p><strong>A chat button to communicate with your customers. Chat with your website visitors via their favorite channels like WhatsApp chat, Facebook Messenger, and more.</strong></p>
<p><a href="https://premio.io/help/chaty/?utm_source=wordpressorg" title="Support" rel="nofollow ugc">Support</a> | <a href="https://demo.premio.io/chaty/?utm_source=wordpressorg" title="Premio.io demo site" rel="nofollow ugc">Demo</a> | <a href="https://premio.io/chaty-whatsapp/?utm_source=wordpressorg" title="WhatsApp Button Features" rel="nofollow ugc">WhatsApp Button Features</a><br />
<a href="https://premio.io/?utm_source=wordpressorg" title="WordPress plugins" rel="nofollow ugc">Recommended Plugins</a> | <a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" title="Chaty Pro" rel="nofollow ugc"><strong>Upgrade to Pro ⭐</strong></a></p>
<ul>
<li>Get WhatsApp, Facebook Messenger & 20+ chat channels</li>
<li>Chat with your visitors on their favorite channels like Facebook Messenger, WhatsApp, WhatsApp Business, Viber, Slack, Telegram, Instagram Direct Messenger, TikTok, Line Messenger, and more chat channels</li>
<li>Better customer support using chat buttons</li>
</ul>
<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/i6t05AeuyWg?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>
<h4>💬 WhatsApp & 20+ chat buttons</h4>
<p>Connect on WhatsApp or WhatsApp Business by entering your WhatsApp number. Get WhatsApp features like the WhatsApp popup that emulates a WhatsApp chat window, WhatsApp Merge tags, WhatsApp agents & many other features that’ll help you chat on WhatsApp.</p>
<h4>📞 Click to chat & call now phone button</h4>
<p>Chaty is the perfect chat plugin to display a call widget, WhatsApp button, email button, SMS button, TikTok, Instagram Direct Messenger, Google Maps button, Vkontakte button, Line.me messenger button, Viber button, and other chat widgets. Using Chaty your website visitors can chat with you after they leave your website. Want to use our robust Pro version? Check the <a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" title="Chaty pro plans" rel="nofollow ugc"><strong>Chaty Pro Plans</strong></a>.</p>
<h4>💪 What can you do with Chaty</h4>
<ul>
<li>Chaty VS live chat – using live chat alternatives, your visitors must stay on your website & wait for your response. When you let your visitors chat with you using chat apps like Facebook Messenger, WhatsApp, Viber, Telegram, etc, you give them the freedom to chat with you wherever they go. If you still interested in using live chat plugin, you can integrate Chatway live chat with your Chaty chat widget.</li>
<li>Show your visitors the chat channels you’re available on & let them choose the chat app they prefer.</li>
<li>WhatsApp Business – chat with your visitors on WhatsApp Business.</li>
<li>Help your visitors navigate to your physical address with Google Maps or Waze.</li>
<li>Click to call – show a phone call icon & let your visitors click to call you.</li>
<li>Show different chat channels on different pages  – show separate widgets for different products on your website,  show different buttons based on URL for WPML or multi-language sites, display different channels for your landing pages, and more (Pro feature).</li>
<li>Available days & hours (Pro feature).</li>
<li>Launch your favorite live chat app – use JavaScript to launch live chat apps like Chatway, Tawk.to, Tidio, Chatra, Formilla, Zoho, Zendesk, LiveChat, Crisp, Intercom, JivoChat, Olark & more.</li>
</ul>
<h4>👩‍💻 Looking for a Live Chat & AI Chatbot plugin?</h4>
<p>If you’re not looking for WhatsApp, Facebook Messenger, and other chat buttons, and prefer to use a live chat & AI chatbot solution for your website, <a href="https://chatway.app/?utm_source=chatylisting" title="Chatway Live Chat" rel="nofollow ugc">Chatway Live Chat</a> is the perfect solution for you. Implementing Chatway, a WordPress live chat solution, enhances your customer engagement.<br />
Chatway also includes an AI chatbot that can automatically answer common questions, assist visitors instantly, and reduce your support workload. It helps you stay available 24/7, improve response times, and deliver better customer support even when your team is offline.<br />
Chatway integrates seamlessly with Chaty, allowing you to customize the live chat icon. You can include it as part of the Chaty chat icons, overlay it on the main Chaty icon, or position it anywhere you prefer on your site.<br />
<a href="https://wordpress.org/plugins/chatway-live-chat/" title="Chatway Live Chat" rel="ugc"><strong>Try Chatway Now 🔗</strong></a></p>
<h4>▶️ Chaty Demo</h4>
<p>A demo of Chaty is available at <a href="https://demo.premio.io/chaty/?utm_source=wordpressorg" title="Premio.io demo site" rel="nofollow ugc">Premio’s demo site</a>. Besides the chat buttons that appear on the demo site, use any other chat icons & also add your own custom chat buttons.<br />
The agents feature for WhatsApp (it can be used for any other chat channel) is also available on this <a href="https://demo.premio.io/agents/?utm_source=wordpressorg" title="Agents for WhatsApp demo" rel="nofollow ugc">demo page</a>.</p>
<h4>🚀 Choose from 25 different channels</h4>
<p>WhatsApp chat & WhatsApp business<br />
Facebook Messenger<br />
Contact Us Form<br />
Email<br />
SMS text<br />
Instagram page<br />
Instagram Direct Messenger<br />
TikTok (Tik Tok)<br />
Snapchat<br />
Launch a <a href="https://www.poptin.com/?utm_source=chatylisting" rel="nofollow ugc">Poptin pop up</a><br />
X.com (Twitter)<br />
LinkedIn<br />
Slack<br />
Vkontakte (ВКонтакте)<br />
Phone (click to call)<br />
Telegram<br />
Line<br />
WeChat<br />
Viber<br />
Waze<br />
YouTube<br />
Google Maps<br />
Discord<br />
Microsoft Teams<br />
Link to an external channel/contact page (New feature: add custom chat buttons and link to any URL you desire)</p>
<h4>🆓 What do you get in the Free plan?</h4>
<ol>
<li>Unlimited click to chat channels like WhatsApp, Facebook Messenger, Telegram, Viber, phone click to call, SMS, and more</li>
<li>Chat widget position</li>
<li>Call to action message for the chat widget</li>
<li>Display triggers</li>
<li>Attention effects</li>
<li>Pending messages icon</li>
<li>Customize all chat icons</li>
<li>WhatsApp chat pop up – show a WhatsApp chat pop up so visitors can start a WhatsApp conversation on your website. After they click on the send button, they’ll be redirected to WhatsApp to continue the chat there (<a href="https://demo.premio.io/chaty/?utm_source=wordpressorg" title="Premio.io demo site" rel="nofollow ugc">click here</a> to see it in action)</li>
<li>Contact Us Form – add a contact form as one of your Chaty channels. Your visitors can submit their details using the contact us form (<a href="https://demo.premio.io/chaty/?utm_source=wordpressorg" title="Premio.io demo site" rel="nofollow ugc">click here</a> to see it in action)</li>
<li>Chat buttons in vertical mode or horizontal mode</li>
<li>Change widget size</li>
<li>Beautiful chat button designs</li>
<li>Show the widget on mobile & desktop or both</li>
<li>Different channels for mobile & desktop</li>
<li>Change chat icons’ order</li>
<li>Change the font of your chat widget</li>
<li>Custom chat buttons can be opened in a new tab</li>
<li>Launch the Chaty chat button using JavaScript</li>
<li>Use same chat channels more than once. For example, create two WhatsApp buttons</li>
<li>Third custom chat button, link to any page or JavaScript code</li>
<li>Select your country and add your local WhatsApp number</li>
<li>Select between the WhatsApp WAME (wa.me) link or WhatsApp desktop link in the WhatsApp settings</li>
</ol>
<h4>🔥 What do you get in the Pro plan?</h4>
<p>Unlock the <a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" title="Chaty pro plans" rel="nofollow ugc"><strong>Pro features</strong></a> for only $59 per year<br />
Get all the features of the free plan, plus:</p>
<ol>
<li>Unlimited chat icons (25 different click to chat buttons and other icons)</li>
<li>Chat view: Personalized chat pop ups using merge tags like page title, URL, and WooCommerce tags like product name & more</li>
<li><strong>Chat Agents</strong> – Add multiple variations (agents) in a single channel to easily delegate customer queries and make it easy for visitors to talk with right person. For instance, add two agents under your WhatsApp chat widget (or any other channel), which leads visitors to your sales and support team. Check out the agents feature for WhatsApp (but can be used for any chat channel) on our <a href="https://demo.premio.io/agents/?utm_source=wordpressorg" title="Agents for WhatsApp demo" rel="nofollow ugc"><strong>demo page 🚀</strong><strong></strong></a></li>
<li>Customize the chat button</li>
<li>Change the position of the chat button</li>
<li>Custom design for your chat widget</li>
<li>Show or hide the chat widget using targeting rules</li>
<li>Create more than one chat widget and show it on specific pages and categories of your website based on page targeting rules. For example, WhatsApp chat, and a click to call icon for one category, and Facebook Messenger, Telegram, and Line button for another category.<br />
<strong>The main use cases for the multi chat widget are:</strong><br />
Separate widget design for mobile and desktop<br />
Change widget language for WPML and multi-language websites<br />
Different chat widgets for different products and categories<br />
Different chats buttons based on purpose (support, sales, etc)</li>
<li>Traffic source targeting – show the chat channels only to visitors who come from traffic sources </li>
<li>Widget Analytics – data about your chat channels</li>
<li>Font Awesome support</li>
<li>Create a pre-set WhatsApp chat message and pre-set email subject line</li>
<li>Title and URL tags for the WhatsApp pre-set message</li>
<li>Google Analytics support</li>
<li>Available days and hours</li>
<li>Country targeting</li>
<li>Custom CSS</li>
<li>Duplicate your Chaty widget</li>
<li>Contact form leads to email</li>
<li>Google reCAPTCHA</li>
<li>Date scheduling</li>
<li>Contact form integration with email marketing platforms like Mailchimp & Klaviyo</li>
<li>Blur the screen when Chaty chat icons are in open state</li>
<li>Change the page’s title to grab attention to the chat buttons</li>
</ol>
<p><a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" title="Chaty pro plans" rel="nofollow ugc"><strong>Upgrade to Chaty Pro</strong></a> to get all Pro features 🙂</p>
<h4>🗬 WhatsApp Chat Pop Up</h4>
<p>Use WhatsApp as a regular chat button or add a WhatsApp pop up and let your visitors start the conversation on your website. Easily integrate with WhatsApp Business or your regular WhatsApp account. Once the visitors click on the send button, they’ll be redirected to WhatsApp to continue the conversation there. Check out the WhatsApp pop up in action in the video below 🎥</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/G9BEUqEl4xw?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>
<h4>🗣️ Chat View: Personalized Chat Pop Ups and WooCommerce Integration for Dynamic Pop Ups</h4>
<p>In the Pro version, the chat view feature provides engaging pop up design. The chat view allows for the use of merge tags, such as the page title, URL, and WooCommerce properties like product name, in the pop up text, <strong>creating dynamic and personalized pop ups that change depending on the page or product being viewed.</strong><br />
Create a pop up that displays the page title and product name for a product page, or a pop up that displays the page title and URL for a blog post. This allows for a tailored chat experience, improving the user experience and increasing engagement on the site.</p>
<h4>🧑‍💼 Chat Agents for WhatsApp, Facebook Messenger, and 20+ other chat channels</h4>
<p>If you’re using the Pro plan, add multiple agents in a single chat channel to easily delegate customer/sales/marketing/etc and make it easy for visitors to instantly reach out to the right person. For instance, add two agents under your WhatsApp widget (or any other channel of your choice like Facebook Messenger, Viber, Line, and more), which leads visitors to your respective sales and support team.<br />
Check out the agents feature for WhatsApp (keep in mind it can be used for any other chat channel) on our <a href="https://demo.premio.io/agents/?utm_source=wordpressorg" title="Agents for WhatsApp demo" rel="nofollow ugc"><strong>demo page 🚀</strong><strong></strong></a></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/sNPhdx9zqlI?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>
<h4>📧 Contact Us Form</h4>
<p>Add a contact form as a channel, this way your visitors can contact you using your contact us form. Integrate the form with Mailchimp & Klaviyo.</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/4Gnxg-qUWdo?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>
<h4>🛒 WooCommerce Integration: Personalized Chat Pop Ups, Custom Product Page Pop Ups, and Targeting Options</h4>
<p>In the Pro version, Chaty has many WooCommerce integrations, including dynamic chat pop ups that can be personalized to specific pages or products using merge tags such as the page title, URL, and WooCommerce properties like product name, price, and description. The chat view also offers integration with WooCommerce, allowing for custom pop ups on product pages and access to WooCommerce features.</p>
<h4>ℹ️ How does each channel work?</h4>
<ul>
<li>
<p>WhatsApp chat – add your phone number and once the visitors click on the WhatsApp chat button, WhatsApp chat interface will be launched. On desktop it will launch the desktop WhatsApp web interface, and on mobile it will launch the WhatsApp app conversation window. WhatsApp business is supported too. Some users spell WhatsApp as Whats App, Whatsap, Whatspp, and watsapp but they refer to WhatsApp.</p>
</li>
<li>
<p>Facebook Messenger – add the link to your Facebook business page, and once the visitors click on the Facebook Messenger button, a chat window will appear and they will be able to send you a message.</p>
</li>
<li>
<p>Contact Us Form – let your visitors contact your using a contact us form.</p>
</li>
<li>
<p>Email – add your business email, and once the visitors click on the email button, their email app like Gmail or Outlook will open.</p>
</li>
<li>
<p>SMS text – add your phone number, and let your visitors send you a direct SMS text via their mobile devices.</p>
</li>
<li>
<p>Instagram button – add your Instagram username so your visitors to chat with you using Instagram direct follow you</p>
</li>
<li>
<p>Instagram Direct Messenger – a chat button to send an Instagram DM</p>
</li>
<li>
<p>TikTok (Tik Tok) button – add your TikTok handle and let your visitors find your TikTok page.</p>
</li>
<li>
<p>X.com (Twitter) button – add your X.com (Twitter) handle and let your visitors chat with your using X.com Twitter messages</p>
</li>
<li>
<p>Snapchat – add your Snapchat username and let your visitors find you easily on Snapchat.</p>
</li>
<li>
<p>Vkontakte (ВКонтакте) – add your Vkontakte (ВКонтакте) username and let your visitors contact you directly through the app.</p>
</li>
<li>
<p>LinkedIn icon – link to your LinkedIn profile so your visitors can connect with you and send you direct messages.</p>
</li>
<li>
<p>Phone (click to call) – add your phone number and let your visitors call you with a click of a button.</p>
</li>
<li>
<p>Telegram – add your Telegram username and let your visitors contact you directly via Telegram app.</p>
</li>
<li>
<p>Line.me – add your Line URL and let your visitors contact you easily via Line app.</p>
</li>
<li>
<p>WeChat – add your WeChat User ID and let your visitors search for you easily with the WeChat app. In the Pro plan, upload a QR code.</p>
</li>
<li>
<p>Slack – add your Slack workspace and give your visitors the option to find your Slack workspace and chat with you.</p>
</li>
<li>
<p>Viber – is a cross-platform instant messaging app.</p>
</li>
<li>
<p>Waze – is a GPS navigation app.</p>
</li>
<li>
<p>YouTube – showcase YouTube videos.</p>
</li>
<li>
<p>Google Maps – add your business location link as it is shown on Google Maps.</p>
</li>
<li>
<p>Discord – Discord is a VoIP and instant messaging social platform.</p>
</li>
<li>
<p>Microsoft Teams – Microsoft Teams is a chat communication platform.</p>
</li>
<li>
<p>Link to an external channel/contact page.</p>
</li>
<li>
<p>Poptin popup – launch a popup from your Poptin.com account.</p>
</li>
</ul>
<p>Chaty works great with Elementor, Divi, Visual Composer, WPBakery, Beaver, SiteOrigin, Gutenberg, Oxygen, Zion, WooCommerce and more.<br />
Chaty common typos: Chatty & Chati.</p>
<h4>🔒 Chaty is GDPR compliant</h4>
<p>All data is stored on your website.</p>
<h4>🤗 Testimonials</h4>
<blockquote>
<p>“Best Chat Tool I’ve Used<br />
  I’ve had to go through several chat plugins, and all of them have been a bit complicated to setup, don’t work very well, or don’t have the functionality I’m looking for. Chaty has been the only tool I’ve found to get the job done. But my favorite feature aside from how well it works, is the back-end interface. I wish more apps would consider making the backend interface as well as Premio does theirs. Kudos!”</p>
<p>  <strong>Hamlet Arias, Lead2Starts</strong></p>
<p>A great plugin that does what is promises, beautifully<br />
  This plugin is an elegant solution for enabling via Whatsapp, Messenger, SMS etc. Highly recommended and support is stellar! Work’s like a charm and worth the spend!”</p>
<p>  <strong>Ignatius Savis, BitValley</strong></p>
</blockquote>


Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty


This plugin is so convenient and easy to use. Also, able to provide conversion data to GA4. Great!


Easy to use plugin


The Premio team creates great products and support. They response quickly and gave me information about the product before I bought this plugin.



Highly recommended.


Great product & support


Ho contattato l'assistenza per un errore riscontrato in console e in meno di un'ora hanno risolto il problema mandandomi il plugin con la correzione. Inoltre hanno detto che il problema sarà risolto nella prossima release del plugin. Un'assistenza ottima.


Supporto eccellente!

WhatsApp chat, Facebook Messenger, Telegram, TikTok, Instagram, Email, Line, WeChat Phone call, SMS, 20+ live chat icons & WhatsApp chat pop up 💬

CSS chat button vs Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty