Chaty Pro浮动按钮插件使用教程，提升网站互动与客户体验

本篇文章主要介绍Chaty Pro这款浮动元素插件的使用教程，可以集成多种联系方式，极大程度的提升网站的转化率。

什么是浮动按钮/元素？

浮动按钮（Floating Button）或浮动元素，是一种在网页上随页面滚动而固定位置的界面元素。它通常位于页面的某个角落（一般就是在右下角），始终可见，不会随着页面内容的滚动而消失或被遮挡。浮动按钮可以用来提供便捷的操作入口，适合放置WhatsApp链接、Email唤醒链接、电话号码、社媒按钮等，算是非常重要的一个转化入口。

浮动按钮的特点：

1. 固定位置：浮动按钮不随页面滚动而消失，始终保持在屏幕的某个固定位置，确保用户可以随时访问。
2. 快速访问：它为用户提供便捷的操作入口，例如点击聊天按钮直接跳转到WhatsApp对话或者是发起邮件。
3. 视觉突出：由于浮动按钮通常具有显眼的图标或颜色，使其成为用户注意的焦点，促进转化。
4. 个性化定制：浮动按钮通常支持自定义位置、颜色、大小等设置，以适应网站或品牌的设计风格。

安装Chaty Pro插件

安装Chaty Pro前需要准备好插件的安装包，可以在Chaty Pro官网购买，也可以选择在Well建站购买GPL版的Chaty Pro。

拿到插件压缩包后，再在WordPress后台通过上传安装插件的方式安装Chaty Pro。

具体操作路径：插件 – 安装插件 – 上传插件 – 选择文件 – 立即安装。

安装后记得启用插件。

配置Chaty Pro插件

Chaty Pro插件配置起来也是非常简单的，当我们启用插件后就会看到提示 ↓

点击“Create Widget”创建小组件。

第一步：先给这个小组件命名，名字随意，是在后台给自己看的。↓

然后选择所需的浮动按钮，再为对应的按钮填写信息。

第二步：设置浮动元素的样式。↓

样式根据自己网站的整体设计风格调整即可，也可以先不做设置，直接进入下一步，最后在回来调整样式。

第三步：设置该小组件的触发条件，如果你想在整个网站显示，就不要做任何设置。↓

有多种触发条件可以设置，Well这里列举几个：

1. 页面加载后几秒后显示
2. 访客离开页面时显示
3. 页面滚动到指定位置时显示
4. 只在具体的页面上显示
5. 在某个选定的日期显示
6. 现实给选定国家的访客显示

第三步其实已经可以保存了，因为第四步Well认为没有必要↓

第四步是Chaty Pro在推自家的即时聊天，如果你有实时聊天的需求，Well建议大家可以参考这篇Tawk.to教程实现免费的网站实时聊天功能。

最后点击右上角的“Save Widget”保存小组件。

这时候就能在网站前台看到Chaty Pro浮动按钮的具体效果。

Chaty Pro浮动按钮效果展示

鼠标悬停到按钮上可以显示对应的信息，点击WhatsApp可以跳转到WA对话，点击Email可以唤醒发件。