Title: CSS chat button
Author: Atakan Au
Published: <strong>جون 3, 2023</strong>
Last modified: اگست 18, 2026

---

پلگ انز تلاش کریں

![](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

 منجانب [Atakan Au](https://profiles.wordpress.org/atakanau/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/css-chat-button.1.0.4.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/css-chat-button/#description)
 * [جائزے](https://ur.wordpress.org/plugins/css-chat-button/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/css-chat-button/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/css-chat-button/#developers)

 [معاونت](https://wordpress.org/support/plugin/css-chat-button/)

## تفصیل

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.

## اسکرین شاٹس

[⌊Settings page of CSS chat button⌉⌊Settings page of CSS chat button⌉[

Settings page of CSS chat button

[⌊WhatsApp chat button at bottom right on Twenty Twenty-Three Version: 1.1⌉⌊WhatsApp
chat button at bottom right on Twenty Twenty-Three Version: 1.1⌉[

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⌉⌊WhatsApp
chat button at bottom left on Twenty Twenty-Two Version: 1.4⌉[

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.⌉⌊Make it compatible with your theme. Adjust the position, size
of the button and colors as you wish.⌉[

Make it compatible with your theme. Adjust the position, size of the button and 
colors as you wish.

## انسٹالیشن

 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

## جائزے

![](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.

 [ تمام 1 جائزے پڑھیں ](https://wordpress.org/support/plugin/css-chat-button/reviews/)

## شراکت دار اور ڈیویلپرز

“CSS chat button” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ 
لیا:

شراکت دار

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

“CSS chat button” کا 6 زبانوں میں ترجمہ کیا گیا ہے۔ تعاون کے لیے [مترجمین](https://translate.wordpress.org/projects/wp-plugins/css-chat-button/contributors)
کا شکریہ۔

[“CSS chat button” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/css-chat-button)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/css-chat-button/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/css-chat-button/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/css-chat-button/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/css-chat-button/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### Version 1.0.4

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

#### 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

## میٹا

 *  Version **1.0.4**
 *  Last updated **1 ہفتہ پہلے**
 *  Active installations **10+**
 *  WordPress version ** 3.0.1 یا اس سے جدید **
 *  Tested up to **7.1**
 *  PHP version ** 5.6 یا اس سے جدید **
 *  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/)، [Italian](https://it.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/).
 *  [اپنی زبان میں ترجمہ کریں](https://translate.wordpress.org/projects/wp-plugins/css-chat-button)
 * Tags
 * [button](https://ur.wordpress.org/plugins/tags/button/)[chat](https://ur.wordpress.org/plugins/tags/chat/)
   [click to chat](https://ur.wordpress.org/plugins/tags/click-to-chat/)[whatsapp](https://ur.wordpress.org/plugins/tags/whatsapp/)
   [whatsapp chat](https://ur.wordpress.org/plugins/tags/whatsapp-chat/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/css-chat-button/advanced/)

## درجہ بندیاں

 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)

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

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

## شراکت دار

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

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/css-chat-button/)

## عطیہ دیں

کیا آپ اس پلگ ان کی ترقی میں معاونت کرنا چاہتے ہیں؟

 [ اس پلگ ان کو عطیہ دیں ](https://buymeacoffee.com/atakanau)