使用dedecms添加在线客服浮动窗口的方法是：1. 获取第三方客服工具的js代码并插入到模板底部；2. 可选自定义浮动窗样式及位置；3. 通过判断语句控制客服图标显示页面。具体操作为：首先选择百度商桥、53客服等平台获取代码，并登录dedecms后台将代码粘贴至使用的模板文件中的</body>标签前，保存后更新缓存和html页面；其次，如需个性化设置，可添加css与html代码以固定浮动窗口的位置和样式；最后，可通过dedecms判断语句或js脚本实现客服图标仅在特定页面显示，确保每次修改后清理缓存并生成静态页查看效果。
在用 DedeCMS 做网站时，很多用户会想添加一个在线客服的浮动窗口，这样访客随时可以联系到你。实现这个功能其实不难，主要分两步：一是引入客服代码，二是设置浮动窗样式或位置。
下面我来一步步讲怎么操作。
1. 获取并插入客服代码
DedeCMS本身并没有内置的客服系统，所以你需要借助第三方在线客服工具，比如百度商桥、53客服、美洽、LiveChat 等。
- 注册并登录你选择的客服平台，创建站点后会获得一段JS代码。
- 登录DedeCMS后台，进入【模板】→【默认模板管理】→ 找到你当前使用的首页模板（通常是index.htm）或其他页面模板。
- 把客服代码粘贴到
</body>标签前，这样可以确保页面加载完成后才加载客服脚本，提升用户体验。 - 保存模板并更新缓存和HTML页面。
这样就在你的网站上嵌入了客服功能。
2. 自定义浮动窗口的位置和样式（可选）
有些客服插件自带浮动窗口，但如果你希望更个性化地控制它的位置、大小或显示方式，可以通过CSS+JS手动实现。
举个例子：
<style>
.float-box {
position: fixed;
right: 20px;
bottom: 80px;
z-index: 9999;
}
</style>
<div class="float-box">
<a href="http://你的客服链接" target="_blank">
<img src="/images/kefu.png" alt="在线客服">
</a>
</div>你可以把这段代码也加到模板底部，图片换成你自己的客服图标。这样就能自定义浮动窗的位置和样式了。
注意：如果用了第三方客服代码，可能不需要再加这个，除非你想做额外补充。
3. 如何让客服图标只在某些页面显示？
有时候你不希望客服图标出现在所有页面上，比如只想在产品页或联系我们页显示。
这时可以在模板里使用DedeCMS的判断语句，例如：
{dede:field name='typeid' runphp='yes'}
if(@me == '3'){ // 3是栏目ID
@me = '<div class="float-box"><a href="http://你的客服链接" target="_blank"><img src="/images/kefu.png"></a></div>';
}else{
@me = '';
}
{/dede:field}当然这种写法适合有开发基础的朋友。也可以通过JS判断URL路径来控制显示，就不展开说了。
基本上就这些步骤。整个过程不复杂，主要是要搞清楚你用的是哪种客服系统，然后把代码正确嵌入模板中。记得每次修改完模板都要清一下缓存，并生成静态页看看效果。
