Title: HDEV Floating Contact Button
Author: Hendridev
Published: <strong>2026 年 5 月 31 日</strong>
Last modified: 2026 年 5 月 31 日

---

搜索插件

![](https://ps.w.org/hdev-floating-contact-button/assets/banner-772x250.png?rev=
3555166)

![](https://ps.w.org/hdev-floating-contact-button/assets/icon-256x256.png?rev=3555166)

# HDEV Floating Contact Button

 作者：[Hendridev](https://profiles.wordpress.org/hendridev/)

[下载](https://downloads.wordpress.org/plugin/hdev-floating-contact-button.1.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/hdev-floating-contact-button/#description)
 * [评价](https://cn.wordpress.org/plugins/hdev-floating-contact-button/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/hdev-floating-contact-button/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/hdev-floating-contact-button/#developers)

 [支持](https://wordpress.org/support/plugin/hdev-floating-contact-button/)

## 描述

HDEV Floating Contact Button adds a beautiful floating contact button to your website,
making it easy for visitors to reach you directly via WhatsApp. Choose from three
different layouts to perfectly match your site’s design.

**Features:**

 * Three layout options — Simple Button, Contact List, Chat Interface
 * Four position options — Bottom Right, Bottom Left, Top Right, Top Left
 * Custom pre-filled welcome message
 * Multiple agent support with individual phone numbers (Layout 2)
 * Country code selector with search for easy number entry
 * Mobile responsive on all screen sizes
 * Dark mode support
 * Keyboard accessible

## 屏幕截图

 * [[
 * Admin settings page — general options
 * [[
 * Admin settings page — agents configuration (Layout 2)
 * [[
 * Layout 1 — Simple floating button
 * [[
 * Layout 2 — Contact list popup

## 安装

 1. Upload the `hdev-floating-contact-button` folder to the `/wp-content/plugins/` 
    directory.
 2. Activate the plugin through the **Plugins** screen in WordPress.
 3. Go to **Settings > HDEV Floating Contact Button** to configure the plugin.
 4. Enter your phone number, choose a layout and position, then save.

## 常见问题

### How do I enter my phone number?

Select your country from the dropdown (this adds the country code automatically)
and enter your phone number digits only — no plus sign, no spaces, no dashes.

### What are the three layouts?

 * **Layout 1** — A simple floating pill-shaped button.
 * **Layout 2** — A trigger button that expands to a contact list, supporting multiple
   agents with individual numbers.
 * **Layout 3** — A chat bubble widget that shows a welcome message before opening
   the chat.

### Can I disable the button without deactivating the plugin?

Yes. Uncheck **Enable floating contact button** in the settings and save — the button
is hidden without deactivating the plugin.

### Does this plugin create any database tables?

No. All settings are stored using the standard WordPress options API (`hfcb_options`).

## 评价

此插件暂无评价。

## 贡献者及开发者

「HDEV Floating Contact Button」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Hendridev ](https://profiles.wordpress.org/hendridev/)

[帮助将「HDEV Floating Contact Button」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/hdev-floating-contact-button)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/hdev-floating-contact-button/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/hdev-floating-contact-button/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/hdev-floating-contact-button/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/hdev-floating-contact-button/)。

## 更新日志

#### 1.0.0

 * Initial release.

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**5 天前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/hdev-floating-contact-button/)
 * 标签
 * [chat](https://cn.wordpress.org/plugins/tags/chat/)[contact](https://cn.wordpress.org/plugins/tags/contact/)
   [contact button](https://cn.wordpress.org/plugins/tags/contact-button/)[floating button](https://cn.wordpress.org/plugins/tags/floating-button/)
   [messaging](https://cn.wordpress.org/plugins/tags/messaging/)
 *  [高级视图](https://cn.wordpress.org/plugins/hdev-floating-contact-button/advanced/)

## 评级

尚未提交反馈。

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

[查看全部评论](https://wordpress.org/support/plugin/hdev-floating-contact-button/reviews/)

## 贡献者

 *   [ Hendridev ](https://profiles.wordpress.org/hendridev/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/hdev-floating-contact-button/)