Title: CSS chat button
Author: Atakan Au
Published: <strong>2023 年 6 月 3 日</strong>
Last modified: 2026 年 4 月 26 日

---

搜索插件

![](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://cn.wordpress.org/plugins/css-chat-button/#description)
 * [评价](https://cn.wordpress.org/plugins/css-chat-button/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/css-chat-button/#installation)
 * [开发进展](https://cn.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
 * [[
 * 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.

## 安装

 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/) 2026 年 4 月 3 日

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」插件已被翻译至 5 种本地化语言。 感谢[所有译者](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/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/css-chat-button/)，或通过[RSS](https://plugins.trac.wordpress.org/log/css-chat-button/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/css-chat-button/)。

## 更新日志

#### Version 1.0.4

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

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

## 额外信息

 *  版本 **1.0.4**
 *  最后更新：**4 周前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [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/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/css-chat-button)
 * 标签
 * [button](https://cn.wordpress.org/plugins/tags/button/)[chat](https://cn.wordpress.org/plugins/tags/chat/)
   [click to chat](https://cn.wordpress.org/plugins/tags/click-to-chat/)[whatsapp](https://cn.wordpress.org/plugins/tags/whatsapp/)
   [whatsapp chat](https://cn.wordpress.org/plugins/tags/whatsapp-chat/)
 *  [高级视图](https://cn.wordpress.org/plugins/css-chat-button/advanced/)

## 评级

 5 星（最高 5 星）。

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

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

[查看全部评论](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)