点微同城手机端首页添加客服直接拉起企业微信对话代码

cwvbzskt · 发表于 2023-6-9 10:28:39

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

点微同城手机端，右侧悬浮美女头像客服调用企业微信直聊代码。
将此代码镶入首页index.htm中即可实现

代码中需要修改的地方
第一个：自己去 discuz_plugin_tom_tongcheng_SC_UTF8.xml 文件中<item id="templatelang"><item id="upload_error"><![CDATA[显示文字]]></item></item>
第二个是js 可以去企业微信后台生成企业微信在线客服

效果图

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-18 10:50:52

要在点微同城手机端首页添加一个悬浮客服按钮，并实现点击后直接拉起企业微信对话的功能，你可以按照以下步骤进行操作。我们将通过修改模板文件和添加自定义代码来实现这一功能。

### 1. 修改 `discuz_plugin_tom_tongcheng_SC_UTF8.xml` 文件
首先，你需要在插件的 XML 配置文件中添加一个配置项，用于存储企业微信客服的相关信息。找到 `discuz_plugin_tom_tongcheng_SC_UTF8.xml` 文件，并在适当的位置添加如下代码：

<item id="wechat_customer_service">
<title>企业微信客服配置</title>
<variable>
<item id="wechat_customer_service_url">
<title>企业微信客服链接</title>
<type>text</type>
<value></value>
</item>
</variable>
</item>

复制代码

这段代码会在插件后台添加一个配置项，允许你输入企业微信客服的链接。

### 2. 获取企业微信客服链接
登录企业微信后台，生成一个在线客服的链接。这个链接将用于在用户点击客服按钮时，直接拉起企业微信的对话窗口。

### 3. 修改 `index.htm` 模板文件
接下来，你需要在 `index.htm` 文件中添加悬浮客服按钮的 HTML 和 JavaScript 代码。找到 `index.htm` 文件，并在适当的位置（通常是 `<body>` 标签的末尾）添加如下代码：

<div id="customer-service" style="position: fixed; right: 20px; bottom: 20px; z-index: 9999;">
<img src="path/to/your/customer-service-icon.png" alt="客服" style="width: 50px; height: 50px; cursor: pointer;" onclick="openWechatCustomerService()">
</div>
<script>
function openWechatCustomerService() {
var serviceUrl = "{eval echo $this->config['wechat_customer_service_url']}";
if (serviceUrl) {
window.location.href = serviceUrl;
} else {
alert('客服链接未配置，请联系管理员。');
}
}
</script>

复制代码

### 4. 替换图标路径
将 `path/to/your/customer-service-icon.png` 替换为你实际的客服图标路径。你可以使用任何你喜欢的图片作为客服图标。

### 5. 配置企业微信客服链接
在插件后台，找到刚刚添加的“企业微信客服配置”项，输入你在企业微信后台生成的客服链接。

### 6. 测试功能
保存所有修改后，刷新你的网站首页，你应该会看到一个悬浮的客服按钮。点击按钮后，应该能够直接拉起企业微信的对话窗口。

### 效果图
由于我无法直接提供图片，你可以根据上述代码自行实现并查看效果。悬浮按钮通常会显示在页面的右下角，点击后会跳转到企业微信的客服对话界面。

### 注意事项
- 确保企业微信客服链接正确无误。
- 如果你使用的是 HTTPS 网站，确保企业微信客服链接也是 HTTPS 的，否则可能会被浏览器阻止。
- 如果你需要更复杂的交互效果，可以进一步修改 JavaScript 代码。

通过以上步骤，你应该能够在点微同城手机端首页成功添加一个悬浮客服按钮，并实现点击后直接拉起企业微信对话的功能。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 · 发表于 2025-3-19 12:06:21

要在点微同城手机端首页添加一个悬浮客服按钮，并实现点击后直接拉起企业微信对话的功能，你可以按照以下步骤进行操作。我们将通过修改模板文件和添加自定义代码来实现这一功能。

### 1. 修改 `discuz_plugin_tom_tongcheng_SC_UTF8.xml` 文件
首先，你需要在插件的 XML 配置文件中添加一个配置项，用于存储企业微信客服的相关信息。

找到 `discuz_plugin_tom_tongcheng_SC_UTF8.xml` 文件，并在适当的位置添加以下代码：

<item id="wechat_customer_service">
<title>企业微信客服配置</title>
<description>配置企业微信客服的相关信息</description>
<variable>
<item id="wechat_customer_service_url">
<title>企业微信客服链接</title>
<description>请输入企业微信客服的链接</description>
<type>text</type>
<default></default>
</item>
</variable>
</item>

复制代码

这个配置项将允许你在后台设置企业微信客服的链接。

### 2. 修改 `index.htm` 模板文件
接下来，你需要在 `index.htm` 文件中添加悬浮客服按钮的 HTML 和 JavaScript 代码。

找到 `index.htm` 文件，并在适当的位置（通常是 `<body>` 标签的末尾）添加以下代码：

<div id="customer-service" style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">
<img src="path/to/your/customer-service-icon.png" alt="客服" style="width: 50px; height: 50px; cursor: pointer;" onclick="openWechatCustomerService()">
</div>
<script>
function openWechatCustomerService() {
var wechatUrl = "{eval echo $this->config['wechat_customer_service_url']}";
if (wechatUrl) {
window.location.href = wechatUrl;
} else {
alert('企业微信客服链接未配置，请联系管理员。');
}
}
</script>

复制代码

### 3. 生成企业微信客服链接
你需要登录企业微信后台，生成一个在线客服的链接。具体步骤如下：

1. 登录企业微信管理后台。
2. 进入“客户联系” -> “在线客服” -> “客服链接”。
3. 生成一个客服链接，并复制该链接。

### 4. 在后台配置企业微信客服链接
登录你的 Discuz 后台，找到点微同城插件的设置页面，找到刚刚添加的“企业微信客服配置”项，将生成的企业微信客服链接粘贴到“企业微信客服链接”字段中，并保存。

### 5. 测试功能
完成以上步骤后，刷新你的网站首页，你应该会看到一个悬浮的客服按钮。点击该按钮，如果配置正确，将会直接拉起企业微信对话。

### 效果图
由于我无法直接提供图片，你可以根据上述代码自行实现并查看效果。悬浮按钮通常会显示在页面的右下角，点击后会跳转到企业微信客服对话页面。

### 注意事项
- 确保你使用的图片路径正确，`path/to/your/customer-service-icon.png` 需要替换为你实际的图片路径。
- 如果你需要更复杂的样式或交互效果，可以进一步调整 CSS 和 JavaScript 代码。

通过以上步骤，你应该能够成功在点微同城手机端首页添加一个悬浮客服按钮，并实现点击后直接拉起企业微信对话的功能。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。