---
description: 想要将LINE网络聊天与您的网站集成吗？ 在这里，我们将详细说明什么是LINE小部件、如何设置它以及您的业务如何能够从中受益。
title: LINE Web Chat: 网站设置LINE小部件的指南 [2023年7月]
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/7nykA4QK53nQ6jok5zUvEG/c08d6fcc90b4147628345fd54eaa19e7/LINEWebChatCoverImage_e80329080b053f525b65e83aa1483c61.png
---

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

# LINE Web Chat：网站设置LINE 小部件指南 \[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

·

7 分钟

![LINE Web Chat: 网站设置LINE小部件的指南 [2023年7月]](https://assets2-proxy.respond.io/ph8r57dk1q9w/7nykA4QK53nQ6jok5zUvEG/c08d6fcc90b4147628345fd54eaa19e7/LINEWebChatCoverImage_e80329080b053f525b65e83aa1483c61.png?q=70&w=400&fm=avif)

想要扩大您的业务，或向日本、台湾或泰国的更多受众进行宣传？ 然后您应该考虑使用 LINE。 增加您的LINE联系人并为客户提供支持的一个简单方法是在您的网站上安装LINE网络聊天小部件。 

在这里，您将学习关于LINE小部件的一切， 如何将 web 聊天窗口小部件整合到您的网站，以及如何在销售、营销和支持方面使您的企业受益。 为了顶尖，我们还将向您展示如何通过 Respond.io 将聊天自动化融入您的 LINE 网络聊天。

## LINE Web Chat：简介

LINE是日本、台湾和泰国最受欢迎的应用之一，截至2020年第一季度，拥有[超过1.82亿的活跃用户](https://respond.io/zh/blog/line-official-account#toc-mobile-3)。 这就是为什么这些地区的许多企业正在使用 [LINE Official ](https://respond.io/zh/blog/line-official-account)[Accounts](https://respond.io/zh/blog/line-official-account) 与客户联系。

像 [Viber](https://respond.io/zh/blog/viber-for-business#toc-mobile-9)，LINE 官方帐户不允许企业导入联系人。 要增加您的 LINE 联系人列表，您需要[让客户向您发送第一条消息](https://respond.io/zh/blog/line-official-account#toc-mobile-10)。 

没有比使用 LINE 网络聊天小部件更好的方法了，它能让客户直接从您的网站与您进行 LINE 对话。

![这是一个描述您需要知道的网络在线聊天的图像。 您不能导入线条网络聊天的联系人。 为了鼓励客户发送第一条消息，他们可以单击 LINE 标志或扫描二维码以开始使用 LINE 的网页聊天。](https://assets2-proxy.respond.io/ph8r57dk1q9w/26xlLwXg5QpAruoGDnduUT/ecf2daf3503af750d7ad9246aa1e95fa/LINEWebChatImage01_df3556f44bdc87855481cc2095a4afa7.png) 

与在线聊天不同，客户身份是匿名的。一旦有人在 LINE 上给您发送消息，他们就会成为 Respond.io 的联系人。 这样，即使他们离开网站，您也可以跟踪联系人并向他们发送消息。 

有两种方法让访客通过小部件与您开始对话：

* [点击LINE ](https://developers.line.biz/en/docs/messaging-api/actions/#uri-action)[i](https://developers.line.biz/en/docs/messaging-api/actions/#uri-action)[con](https://developers.line.biz/en/docs/messaging-api/actions/#uri-action): LINE 图标包含一个将用户指向应用程序的 URI 链接。 点击它的访客将登陆应用，开始与您聊天。 然而，这只适用于那些在桌面或移动设备上安装了 LINE 的人。
* [扫描二维码](https://developers.line.biz/en/docs/messaging-api/sharing-bot/#share-the-qr-code-of-your-bot): 使用手机应用的访客可以扫描二维码。 一旦扫描完成，他们可以在应用程序上打开时与您开始对话。

通过respond.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 Web 聊天

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

![这张图片是一张屏幕截图，显示网页上的线性聊天方式。 它有一个 LINE 网聊的登录二维码供人们扫描。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/6gMBHlKne2vqmtCaPJAKNE/7259769b106a1ad31c85dc75add8c507/screenshot-2023-03-23-at-51808-pm_714bad71a1d80c5b4908834a369ccca5.jpg) 

要开始，请导航至 _设置_ \> _增长小部件_。 然后点击 _添加小部件_ 并选择 _LINE 小部件_ 然后点击 _创建小部件_。

然后，输入您想要添加聊天窗口小部件的网站并选择您想要创建网络聊天的账户。

![这是一个显示如何选择一个帐户来创建部件的gif。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/SdqwpN3L8sNyBjfF12ijF/8f285a2a1d732f82e09c843e5fe73087/screenshot-2023-03-23-at-51959-pm_2232a97ec6147f8608ae313b2fe2b252.jpg) 

您可以通过单击 _高级设置_ 按钮添加预填充文本或自定义小部件的外观。 最后，点击 _生成小部件_，复制生成的脚本并在您的网站上安装它。

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

现在您已经成功设置了 LINE 网络聊天，接下来我们将向您展示企业如何利用它最大限度地发挥潜力。

## 如何使用 LINE Web 聊天促进业务

在本节中，我们将分享LINE 网页聊天费用比诸如电子邮件、实时聊天和电话等传统方法更好的原因。 此外，我们将向您展示企业如何将其用于营销、销售和支持。

### 营销LINE小部件

使用LINE小部件, 感兴趣的客户可以轻松地联系您, 回应您网站上的产品、服务或促销活动。 这有助于缩短潜在客户获取的过程。 

![这是一个描述如何使用线路聊天机器人进行营销的图像。 在线聊天中，您可以自动捕获线索并保存他们的联系信息。 有线聊天网站也会鼓励访客进行聊天。](https://assets2-proxy.respond.io/ph8r57dk1q9w/25NJMxDuaNkk5sOphwIoPr/53c16aba1c5463c9d1b3887f81a2e9b9/LINEWebChatImage02_23d495961c5617a0c81f3b7a884df309.png) 

在您的网站上有一个小部件可以鼓励访客开始与您进行联机对话。 因为他们会在给您发送消息后自动成为联系人。 它很容易通过 [广播](https://respond.io/zh/blog/line-broadcast) 来保持客户与您最新的产品在循环中。 

接下来，我们会看看您的企业如何使用 LINE 网络聊天进行销售。

### 销售LINE小部件

在实时聊天中，销售者很难获得与前景建立关系所需的准确的联系信息。 有些前景可能出于隐私考虑而填补错误的信息，或在填写表格时犯错误。

![此图像描述了如何在网页上使用聊天进行销售。 由于没有消息窗口，销售人员可以随时联系潜在客户。 除此之外，您甚至可以与销售CRM集成以获取更多关于客户的信息。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/C4liYlTNRNk8elGgYz95h/77483f19671246c55d80e35a5eb9a3ab/LINEWebChat_Image03_fd145c5f922b4e3d8ae8fd8f3641a458.png) 

相反，如果您将LINE收件箱与销售CRM集成，如Hubspot或Salesforce， 您可以使用 Workflow做一个 [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) 来检索更新的联系人数据并在客户从LINE 小部件向您发送消息后创建销售交易。

因为您可以在回复时将客户保存为联机联系人。 o 一旦他们向您发送消息， 您的销售团队可以随时联系他们，因为他们的 [不受 ](https://respond.io/zh/blog/line-official-account#toc-mobile-12)[](https://respond.io/zh/blog/line-official-account#toc-mobile-12)[ 消息窗口](https://respond.io/zh/blog/line-official-account#toc-mobile-12) 的限制。 

想了解更多信息吗？ 请查看我们的[关于如何使用 LINE 进行销售的全面指南](https://respond.io/zh/blog/line-sales)。 

### 客户服务 LINE 小部件。

与要求客户无限等待回复的电子邮件和电话不同， 您可以在您的LINE网络聊天中设置自动回复以提高客户满意度并促进正面品牌体验，从而管理响应时间的预期。 

LINE 小部件的另一个优势是可追踪的对话历史。 支持代理人可以通过用户ID识别返回的客户，并在回复等消息收件箱中访问他们的聊天历史记录。

![这是一张描述如何使用 LINE 应用进行客户服务的图像。 拥有直线网页是有益的，因为客户可以直接从代理人获得回复。 此外，网上线也有助于提高客户满意度，网上线路也有可追踪的对话历史。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/4I0wWpspT620kRoEAMSrSr/04dce523a4e753974769ad5611722827/LINEWebChatImage041_0c3dd53ff20f3f974b90705a7845218e.png) 

这样，如果案例被 [升级到另一个团队或代理](https://respond.io/zh/blog/escalation-management) 客户不必重复其信息和支持问题。 除此之外，支助人员甚至可以根据自己的需要将解决办法个性化。

如果您想衡量客户对您的客户服务的满意度，请向他们发送 [CSAT 调查](https://respond.io/zh/blog/csat-customer-satisfaction-score) ，以了解您做对了什么以及可以改进什么。

现在您已经了解了 LINE 小部件如何支持您的业务，接下来让我们看看如何充分利用 respond.io 的聊天自动化。

## 使用 Respond.io 轻松处理 LINE 网络聊天。

在这里，我们将向您展示如何创建自动化，以通过 respons .io 的 [工作流程](https://help.respond.io/l/zh/workflows/workflows-overview)来提升您的 LINE 网络聊天水平。

### 以聊天自动化的方式回答常见问题。

今日客户要求快速回复，尤其是信息发布应用程序。 为了满足这一需要，企业可以自动提出常见问题和答案，以减少代理人的工作量，同时向客户提供明确和及时的答复。

首先，创建一个[LINE 多选菜单](https://help.respond.io/l/zh/workflows/workflow-steps)。 您可以创建最多10个常见问题解答。 常见问题解答了诸如营业时间、定价或联系信息等一般性问题。 

![此图像显示自动常见问题的工作流。 若要创建常见问题解答，您需要首先创建一个多行选择菜单，您可以在这里输入最多10个问题和回复。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/1sG8p7itbhCKDnlqqYPKkO/97d6876b3e5008bb47069cdbf4fa3917/FAQ-LINE_dc199fd07014c97c389472bd31a0a3b5.png) 

您还可以使用 [Snippe](https://help.respond.io/l/zh/workspace-settings/snippets)[t](https://help.respond.io/l/zh/workspace-settings/snippets)[s](https://help.respond.io/l/zh/workspace-settings/snippets)，其工作方式类似于快速回复，以创建罐头回复。 代码片段不能被工作流触发，需要代理选择预指定的回复。 它通常用于更详细的解释，例如退货政策。 

### 为LINE小部件设置离开消息

作为一个企业，通信是与客户保持成功关系的关键。 然而，无论是由于缺少人力，经营时间有限，还是由于时区差异，企业都不能为客户全天候服务。

![此图像显示了如何在应答.io的工作流中自动化消息。 离开消息是有益的，因为您可以通过让客户知道何时收到您的回复来管理客户的期望。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/yX4HkLzanPHiKS63wZksB/b833dd33091c9af0031c1fd3009b952f/AwayMessage-LINE_8c0d743d82c164f276a80f4b98cf47ed.png) 

为了解决这个问题，企业可以设置 [离开消息](https://respond.io/zh/blog/away-message-for-business) 来管理客户的期望。 您可以 [构建一个工作流](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4) ，以便在工作时间以外自动回复客户，并让他们知道何时可以收到您的回复。

如果您不知道什么要包含在离去的消息中， 查看我们的 [最佳做法如何写出离开消息](https://respond.io/zh/blog/away-message-for-business#toc-mobile-3)。

### 将客户引导到正确的团队

[将客户与组织内的正确团队](https://respond.io/zh/blog/chat-routing-contact-routing-workflows-module-respondio) 联系起来至关重要，因为它可以缩短解决问题的时间。 为了更上一层楼，您可以创建一个 [聊天前调查](https://respond.io/zh/blog/pre-chat-survey) 来确定他们的需求并 [应用自动分配逻辑](https://respond.io/zh/blog/auto-assignment-automatic-assignment-respondio) 并将他们分配给代理。

![此图像描述了如何将客户与正确团队连接到工作流程。 聊天路由有助于减少解决时间和提高客户满意度。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/1i3x7F2QJDajEjLBS6m5Km/a3fb86e7b8922b4ee8edd9804a09857a/ChatRouting-LINE_5471c04e12c40cf4c562411c5b64b8f2.png) 

最后，向您的网站添加LINE网络聊天小部件可以给您和您的企业带来许多好处。 [连接您的 LINE 帐户以响应.io](https://help.respond.io/l/zh/channels/line#connecting%5Fa%5Fline%5Fofficial%5Faccount) 开始于今天。

通过respond.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 来推动业务的好处，可以查看以下一些文章：

* [LINE 消息广播综合指南](https://respond.io/zh/blog/line-broadcast)
* [LINE商务终极指南](https://respond.io/zh/blog/line-official-account)
* [如何使用LINE进行客户支持](https://respond.io/zh/blog/line-customer-service)

分享本文

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/line-web-chat)[![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/line-web-chat)[![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/line-web-chat)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/line-web-chat)

相关帖子 👩‍💻 

* [![](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:36.061Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7nykA4QK53nQ6jok5zUvEG/c08d6fcc90b4147628345fd54eaa19e7/LINEWebChatCoverImage_e80329080b053f525b65e83aa1483c61.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7nykA4QK53nQ6jok5zUvEG/c08d6fcc90b4147628345fd54eaa19e7/LINEWebChatCoverImage_e80329080b053f525b65e83aa1483c61.png","headline":"LINE Web Chat: 网站设置LINE小部件的指南 [2023年7月]","alternativeHeadline":"LINE Web Chat: 网站设置LINE小部件的指南 [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/line-web-chat","datePublished":"2023-07-14T00:00:00.000Z","dateCreated":"2023-07-14T00:00:00.000Z","dateModified":"2025-07-10T10:34:58.390Z","description":"想了解有关如何为您的业务使用LINE网络聊天的更多信息? 我们在这里列出了所有细节，从使用LINE小部件的好处到通过respond.io的工作流程自动化响应.","author":{"@type":"Person","name":"Stephanie Yap","url":"https://respond.io/zh/author/stephanie-yap"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/zh/blog/line-web-chat"}},{"@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"}]}]
```
