Title: CSS chat button
Author: Atakan Au
Published: <strong>јуни 3, 2023</strong>
Last modified: април 16, 2025

---

Search plugins

![](https://ps.w.org/css-chat-button/assets/banner-772x250.png?rev=2920963)

![](https://ps.w.org/css-chat-button/assets/icon.svg?rev=2920967)

# CSS chat button

 By [Atakan Au](https://profiles.wordpress.org/atakanau/)

[Download](https://downloads.wordpress.org/plugin/css-chat-button.1.0.3.zip)

 * [Details](https://mk.wordpress.org/plugins/css-chat-button/#description)
 * [Reviews](https://mk.wordpress.org/plugins/css-chat-button/#reviews)
 *  [Installation](https://mk.wordpress.org/plugins/css-chat-button/#installation)
 * [Development](https://mk.wordpress.org/plugins/css-chat-button/#developers)

 [Support](https://wordpress.org/support/plugin/css-chat-button/)

## Description

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: [CSS chat button](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)

If you like my plugin and want to help me improve it, you can support me by donating.

## Screenshots

 * [[
 * Settings page of CSS chat button
 * [[
 * WhatsApp chat button at bottom right on Twenty Twenty-Three Version: 1.1
 * [[
 * WhatsApp chat button at bottom left on Twenty Twenty-Two Version: 1.4
 * [[
 * Make it compatible with your theme. Adjust the position, size of the button and
   colors as you wish.

## Installation

 1. Add the plugin’s folder in the WordPress’ plugin directory, or install the plugin
    through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.

#### Usage

 1. Go to Settings -> CSS chat button
 2. Input your contact info
 3. Save settings

## Reviews

![](https://secure.gravatar.com/avatar/0344bbfd91d2043485452a8827606c88f4e43609aed340374c91477e53d05435?
s=60&d=retro&r=g)

### 󠀁[Good, simple WhatsApp chat button](https://wordpress.org/support/topic/good-simple-whatsapp-chat-button/)󠁿

 [murat8](https://profiles.wordpress.org/murat8/) април 3, 2026

This plugin does what it says. I used it to add a lightweight, floating WhatsApp
button to my site, and it was easy enough to set up. It gets the job done for direct
contact.

 [ Read all 1 review ](https://wordpress.org/support/plugin/css-chat-button/reviews/)

## Contributors & Developers

“CSS chat button” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Atakan Au ](https://profiles.wordpress.org/atakanau/)

“CSS chat button” has been translated into 5 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/css-chat-button/contributors)
for their contributions.

[Translate “CSS chat button” into your language.](https://translate.wordpress.org/projects/wp-plugins/css-chat-button)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/css-chat-button/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/css-chat-button/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/css-chat-button/)
by [RSS](https://plugins.trac.wordpress.org/log/css-chat-button/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### Version 1.0.3

 * (Minor) Source code revamped for WordPress standards
 * Tested up to:
    - `6.8`

#### Version 1.0.2

 * Minor code error fixed
 * Tested up to:
    - `6.7`

#### Version 1.0.1

 * Fixed: Fitting icon
 * Added: Background and foreground color picker

#### Version 1.0.0

 * Initial version released

## Meta

 *  Version **1.0.3**
 *  Last updated **12 месеци ago**
 *  Active installations **10+**
 *  WordPress version ** 3.0.1 or higher **
 *  Tested up to **6.8.5**
 *  PHP version ** 5.6 or higher **
 *  Languages
 * [Dutch](https://nl.wordpress.org/plugins/css-chat-button/), [English (US)](https://wordpress.org/plugins/css-chat-button/),
   [German](https://de.wordpress.org/plugins/css-chat-button/), [Spanish (Chile)](https://cl.wordpress.org/plugins/css-chat-button/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/css-chat-button/) и [Turkish](https://tr.wordpress.org/plugins/css-chat-button/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/css-chat-button)
 * Tags
 * [button](https://mk.wordpress.org/plugins/tags/button/)[chat](https://mk.wordpress.org/plugins/tags/chat/)
   [click to chat](https://mk.wordpress.org/plugins/tags/click-to-chat/)[whatsapp](https://mk.wordpress.org/plugins/tags/whatsapp/)
   [whatsapp chat](https://mk.wordpress.org/plugins/tags/whatsapp-chat/)
 *  [Advanced View](https://mk.wordpress.org/plugins/css-chat-button/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/css-chat-button/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/css-chat-button/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/css-chat-button/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/css-chat-button/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/css-chat-button/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/css-chat-button/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/css-chat-button/reviews/)

## Contributors

 *   [ Atakan Au ](https://profiles.wordpress.org/atakanau/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/css-chat-button/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://atakanau.blogspot.com/p/contact-form-1.html?utm_content=textlink&utm_medium=link&utm_source=wporg&utm_campaign=csscbdonate&utm_term=csscb)