---
description: 这是您使用WeChat 集成网站的指南。 在这篇文章中，我们将侧重于如何设置 WeChat 网络聊天及其好处。
title: 网站使用WeChat 集成指南 [2023年7月]
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png
---

1. [首页 ](/zh)
2. [\> 博客 ](/zh/blog)
3. [\> How To Article](/zh/category/how-to-article)

# WeChat Web 聊天: 如何使用WeChat 集成网站 \[2023年7月\]

[![Stephanie Yap](https://assets2-proxy.respond.io/ph8r57dk1q9w/ImihtSBQhPthGMwzma4mL/da76d13db9b74013121180c96ff97b1c/Avatar-8.svg?q=70&w=400&fm=avif)](/zh/author/stephanie-yap)

[Stephanie Yap](/zh/author/stephanie-yap)

· 10 Jul 2025

·

6 分钟

![网站使用WeChat 集成指南 [2023年7月]](https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png?q=70&w=400&fm=avif)

计划在您的网站上安装一个 WeChat 网络聊天小部件吗？ 在本文中，我们将解释 WeChat 网页聊天是什么以及如何将 WeChat 集成到网站使用。 然后，我们将探索在营销、销售和支持方面使用网络聊天部件的好处。 最后，我们将向您展示如何通过 respond.io 的工作流将聊天自动化融入您的 WeChat 小部件。

## WeChat 与网站集成：简介

[WeChat](https://respond.io/zh/blog/wechat-official-account) 拥有超过12亿的月活跃用户（MAU），是满足您所有社交需求的一站式中心。 这就是为什么想要进入或扩大其在中国的业务的企业需要有一个 [WeChat Official Account](https://respond.io/zh/blog/wechat-official-account#toc-mobile-6)。

为了防止垃圾邮件营销，WeChat设置了企业不能导入联系人的规则。 相反，客户必须先向您发送消息，然后才能成为联系人。 为了鼓励客户向您发送第一条消息，您可以将WeChat小部件添加到您的网站。

![此图像描述了如何在网络聊天中使用wechat。 这是你需要知道的。 Web wechat com要求您扫描一个 qr 代码来开始聊天，并且它不允许企业导入联系人。](https://assets2-proxy.respond.io/ph8r57dk1q9w/3ZpaFwmmjkgiTBftkfKvkr/7df2c3fb413dc724360b6f15da824439/6316a6248f648c8bf75b57ad-wechatwebchat-image01-800_362e48a46371c544dd286bb89c1b787c.png) 

但是，与其他频道不同的是，WeChat不支持WeChat官方账户平台上的点击-聊天链接功能。 客户能够通过 QR 码在您的 Web 聊天小部件上联系到您。 

扫描代码后，访客将登陆应用，开始与您聊天。 在下一节中，我们将向您展示如何在您的网站上设置 WeChat 部件。 

### 如何在 Respond.io 网站上设置WeChat 集成

为了 [大规模处理微信对话](https://respond.io/zh/blog/wechat-official-account#toc-mobile-11)，您需要一个像 respond.io 这样的客户对话管理软件。 [将您的 WeChat 官方帐户连接到 respond.io](https://help.respond.io/l/zh/channels/wechat#connecting%5Fwe%5Fchat)，以使您的整个团队能够在一个平台上管理所有客户对话。

在 respond.io 上设置 WeChat 网络聊天的过程很简单，可以通过 [快速完成。跟随这些步骤](https://help.respond.io/l/zh/workspace-settings/growth-widgets#creating%5Fwidget)。

![这张图片展示了一个 web wechat 如何看起来像在你的网站上放置wechat 小部件来呼叫来自wechat app的公司。 此 wechat for web 表示支持wechat 部件。](https://assets2-proxy.respond.io/ph8r57dk1q9w/1fL5VegAbYSj5Ti6RbiMMa/545c83a37a249521580ecf5b99014b34/image_c4ef9033fa013b9e423d3f0bf093c63d.png) 

首先， [从你的微信公众号页面](https://help.respond.io/l/zh/channels/wechat#how%5Fcan%5Fi%5Fcreate%5Fa%5Fqr%5Fcode%5Ffor%5Fmy%5Fwe%5Fchat%5Faccount) 生成一个二维码，并将该二维码作为图像下载到你的桌面上。 

然后，使用您的智能手机相机扫描二维码。 将显示通知。 点击它打开与您手机浏览器上的二维码相关联的链接。 复制浏览器地址栏中的URL，您稍后将需要它。 

![这是一张图片，显示您从wechat官方帐户页面下载webchat wechat qr代码的步骤。 放置此qr代码后，您可以在wechat小部件上开始聊天，以获取wordpress。](https://assets2-proxy.respond.io/ph8r57dk1q9w/6BDx0IQGOC2v2RPqPEWZ6M/492d5c7bfa5b2fdb40446ee0badc6ad0/image_60829d2d19c514c8e29b13720d45c725.png) 

在 respond.io 上，导航到 _设置_ \> _增长小部件_。 然后点击 _添加小部件_ 并选择 _多通道小部件_ 然后点击 _创建小部件_。

然后，输入您想要添加聊天窗口小部件的网站。 在 _标题元素_下，单击 _添加频道_ 并选择 _自定义 QR_。 将您之前复制的 URL 粘贴到 _Custom QR_下的文本字段中。 

![这是一个图片，显示如何通过点击高级设置自定义您的 WeChat 小部件外观 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/1ml4QtTKSzdSKgrLfjwmGD/c2314af316fdaa3d6d4e0f11b378a372/screenshot-2023-03-31-at-30140-pm_4d23204b758f39db8e955b510c8d8abe.jpg) 

您可以点击 _高级设置_ 按钮自定义部件外观。 最后，点击 _生成小部件_，复制生成的脚本并在您的网站上安装它。 您的小部件已准备就绪。 

如果您希望通过多个渠道联系客户，可以考虑使用一个 [全渠道小部件](https://respond.io/zh/blog/omnichannel-widget)。 您也可以选择 [将网站聊天部件添加到您的网站](https://help.respond.io/l/zh/website-chat-widget/website-chat-widget-overview)

现在您已经设置好小部件，继续学习如何在您业务中使用 WeChat 网络聊天。

## WeChat 与网站集成：如何使用 WeChat 网络聊天进行商业

在这里，我们将为您的网站，尤其是销售和客户服务分享WeChat集成的好处。

### 销售微信小部件

使用实时聊天进行销售的最大缺点之一是，前景的身份往往是匿名的。 销售者很难获得准确的信息来进行联系识别和建立亲密关系。

![这是一个描述如何在线使用 wechat web 的图像。 与 WeChat 网站集成销售， 您可以将消息收件箱与销售CRM集成，进行HTTP请求以收集联系信息并创建销售交易。](https://assets2-proxy.respond.io/ph8r57dk1q9w/2MsdRWyeQFLx7PlzZSP7q7/e5d827af6a5ce51d107f637ff57ecd13/WeChatWebchat_Image03_dd1c8616997cdbdffca77038881307c7.png) 

然而，您可以将您的回复.io收件箱与销售客户关系管理(CRM)集成一体。 客户发送消息后，您将收到一条消息， 您可以让 [HTTP](https://respond.io/zh/blog/february-2022-release-new-workflows-steps-new-navigation-and-messaging-module-design-custom-channel-integration-and-bits-and-bobs#toc-mobile-4) [请求](https://respond.io/zh/blog/february-2022-release-new-workflows-steps-new-navigation-and-messaging-module-design-custom-channel-integration-and-bits-and-bobs#toc-mobile-4) 收集联系人信息并创建与 [r](https://help.respond.io/l/zh/workflows/workflows-overview)[点数的销售交易。 好的 Workflow](https://help.respond.io/l/zh/workflows/workflows-overview) 没有离开平台。 

下一步，我们将看看企业如何使用 WeChat 集成网站来处理客户支持。

### 客户服务微信小部件

在线聊天的另一个挑战是没有保存的对话历史，代理人无法在稍后的时间跟进查询。 当联系人离开网站时，所有对话以及联系人信息都将消失。

respond.io 上的 WeChat 网聊允许代理识别回头客户，即使他们之前曾从 [其他渠道给你发过消息](https://respond.io/zh/blog/merge-contacts)。 这为代理提供了对重复问题的上下文洞察。 如有必要，您可以从 [升级到另一个代理或团队](https://respond.io/zh/blog/escalation-management)

![这是一个描述使用 WeChat 网站集成支持的好处的图像。 当你在网站上集成wechat时，你可以跟踪对话历史，享受48小时的消息窗口，并在稍后的时间跟进对话。 查看博客了解更多关于WeChat Web 聊天的信息](https://assets2-proxy.respond.io/ph8r57dk1q9w/58Q2bYbysVRMPmMI9P5PUP/c00485c6a9caec8d87d6c7d9273b315e/WeChatWebchat_Image04_31b30a566cf126c7974e306784c20b62.png) 

为了防止企业垃圾邮件客户，WeChat安装了一个 [48小时 ](https://respond.io/zh/blog/wechat-official-account#toc-mobile-11)[短信窗口。](https://respond.io/zh/blog/wechat-official-account#toc-mobile-11) 这不仅鼓励企业迅速回复，而且可能提高客户对您品牌的满意度。 

如果代理人需要在48小时后再次联系，他们可以使用其他渠道，如 SMS、电子邮件或 WhatsApp，在 [全渠道平台](https://respond.io/zh/blog/escalation-management)上发送第一条消息并继续对话。 

要测定客户满意度并知道您可以改进哪些领域，向客户发送一个 [CSAT 调查](https://respond.io/zh/blog/csat-customer-satisfaction-score) 让我们继续下一个部分，我们将重点创建与 WeChat 相关的自动化。

通过应答.io将客户对话转化为业务增长。 ✨

在一个地方管理通话、聊天和电子邮件！

[ Book a Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Sign Up Free](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## 使用 Respond.io 轻松处理 WeChat 小部件对话

在这里，我们将向您展示如何创建高级的聊天自动化，以提升您在 WeChat 网络聊天中的工作流程水平。

### WeChat 集成网站：常见问题解答

设置您的 WeChat 小部件自动回复，而不是花时间回答常见问题。 这样，你可以减少代理人的工作量，让他们能够集中精力处理更重要的事项。

![这是一个屏幕截图，显示对应答.io的工作流自动响应常见问题解答的步骤。](https://assets2-proxy.respond.io/ph8r57dk1q9w/2hBXfjMI0xnlhTlwzWIL9k/b992d3618ec4812ebb4ac14861e6bea1/UploadWeChatlogo2_52711080335d986fd38695771bc2588e.png) 

要设置常见问题解答，请在工作流上创建一个 [多选步骤](https://help.respond.io/l/zh/workflows/workflow-steps) ，最多有 10 个常见问题解答。 

还有 [代码片段功能](https://help.respond.io/l/zh/workspace-settings/snippets) (它像快速回复一样) ，您可以创建预设回复以便进行常见的查询，例如退款政策。 不同于由工作流触发的常见问题单，支持代理在与客户聊天时必须手动选择相关的已保存的响应。

### WeChat 网络聊天：设置离开消息

没有企业可以全天候提供服务。 但有可能创建一个 [离开消息](https://respond.io/zh/blog/away-message-for-business) 来管理客户对响应时间的期望。 现在，如果联系人在营业时间外发送 WeChat 对话，他们将收到离开消息。

![这是一个屏幕截图，显示在应答.io的工作流中设置信息的步骤](https://assets2-proxy.respond.io/ph8r57dk1q9w/71iTbWEKTirHCPAp1iRdKa/59583963ac912f5297b9426482b79a92/UploadWeChatlogo1_646c77848542b6028214a8c558a23600.png) 

为了更上一层楼，您甚至可以添加 [提问步骤](https://respond.io/zh/blog/question-bot) 来获取客户的信息。 然后将回复另存为 [变量为](https://help.respond.io/l/zh/dynamic-variables/dynamic-variables) 来根据他们的需要自定义您的回复。

您也可以查看我们的 [最佳做法如何为您的业务写出离开消息](https://respond.io/zh/blog/away-message-for-business#toc-mobile-3)。

### WeChat 网络聊天：将 WeChat 联系人路由到正确的团队

工作流允许您在 WeChat 小部件上的 [路由联系人](https://respond.io/zh/blog/chat-routing-contact-routing-workflows-module-respondio) 到正确的团队。 首先，创建一个[聊天前调查](https://respond.io/zh/blog/pre-chat-survey)，以收集客户的信息以确定他们的需求。 然后应用路由逻辑将客户路由到相关团队。 

![这是一个显示如何在响应时设置聊天路由的截图](https://assets2-proxy.respond.io/ph8r57dk1q9w/5CDzj7cRyArT71YlNQ49EO/7237bfafe693a2322ad1da54fdaa48c1/UploadWeChatlogo3_9aabd4c8926b04ba034728b919c50b86.png) 

然后创建一个任务逻辑，确定联系人查询或需要的目的，并将它们分配给适当的代理人。 

现在，您已经学会了关于 WeChat 与网站集成的一切。 现在是 [连接您的 WeChat 帐户到响应.io](https://help.respond.io/l/zh/channels/wechat) 的时候了。

通过应答.io将客户对话转化为业务增长。 ✨

在一个地方管理通话、聊天和电子邮件！

[ 预约演示](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ 免费注册](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## 进一步阅读

除了微信之外，您还可以使用不同的聊天频道。 了解如何在这里设置它们： 

* [网站设置LINE小部件的完整指南](https://respond.io/zh/blog/line-web-chat)
* [如何使用 WhatsApp 与网站集成](https://respond.io/zh/blog/whatsapp-webchat)
* [使用Instagram Web 聊天促进商业指南](https://respond.io/zh/blog/instagram-widget)

分享本文

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/wechat-integration-with-website)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/blog/wechat-integration-with-website)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/blog/wechat-integration-with-website)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/wechat-integration-with-website)

相关帖子 👩‍💻 

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/zh/blog/best-omnichannel-crm)  
[十大最佳全渠道 CRM 平台：功能与定价比较十大最佳全渠道 CRM 平台：respond.io、Kustomer、Kommo、Salesforce、HubSpot、Zendesk、Intercom、Zoho CRM、Zendesk 和 Freshdesk。](/zh/blog/best-omnichannel-crm)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/vr013lmO4xRSS30KcRV8T/8577db2181c4da2b4b4650ef13f7f93c/Practical_Guide___Best_AI_Chatbot_for_Website_Cover__1___1_.png?q=70&w=1000&fm=avif)](/zh/blog/best-ai-chatbots-for-website)  
[最佳网站AI聊天机器人：顶级平台比较发现2025年网站最佳AI聊天机器人：Respond.io、Intercom、Zendesk AI、Tidio、Chatbase、Drift、HubSpot聊天机器人、ManyChat、Landbot](/zh/blog/best-ai-chatbots-for-website)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1TpzwG7GSnvYfqt5pQRkSu/33fb71cdb0416e51b471784944d51485/AI_Agents_for_Customer_Support.png?q=70&w=1000&fm=avif)](/zh/blog/best-ai-agents-for-customer-support)  
[2025 年最佳 AI 客服代理：优缺点与定价探索 2025 年最佳 AI 客服代理。 比较 respond.io 和 Intercom 等顶级平台的优缺点和定价。](/zh/blog/best-ai-agents-for-customer-support)

3x Your Business Results with Respond.io 🚀

[联系销售](/zh/demo)[开始免费试用](https://app.respond.io/user/register)

2025-12-05T06:19:34.339Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png","headline":"网站使用WeChat 集成指南 [2023年7月]","alternativeHeadline":"网站使用WeChat 集成指南 [2023年7月]","genre":["How To Article"],"publisher":{"@type":"Organization","name":"Respond.io","sameAs":"https://respond.io","logo":{"@type":"ImageObject","url":"https://respond.io/logo/respond-io.webp"}},"url":"https://respond.io/zh/blog/wechat-integration-with-website","datePublished":"2023-07-19T00:00:00.000Z","dateCreated":"2023-07-19T00:00:00.000Z","dateModified":"2025-07-10T11:11:55.835Z","description":"想要将 WeChat 网页聊天与您的网站集成？ 查看我们关于WEChat小部件、如何设置它以及您的业务如何能够从中受益的指南。","author":{"@type":"Person","name":"Stephanie Yap","url":"https://respond.io/zh/author/stephanie-yap"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/zh/blog/wechat-integration-with-website"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/zh"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/zh/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/zh/category/how-to-article"}]}]
```
