---
description: 想在您的业务中使用 Instagram 小部件吗？ 在这里，我们将向您展示如何使用Instagram Web聊天、它的好处以及如何与 respond.io 进行设置。
title: Instagram 小部件：如何设置 Instagram Web 聊天
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png
---

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

# Instagram 小工具：为商务使用 Instagram Web 聊天的指南

[![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)

· 31 Jan 2025

·

6 分钟

![Instagram 小部件：如何设置 Instagram Web 聊天](https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png?q=70&w=400&fm=avif)

您是否使用 Instagram 来发展您的业务？ 然后你来到了正确的地方。 这里我们将解释网站上的Instagram小部件是什么，如何设置，以及Instagram Web聊天如何为企业带来好处。 此外，我们还将展示如何通过respond.io来实现自动响应功能。

## Instagram 小部件：简介

如今，Instagram 上有超过 [20 亿活跃用户和超过 2 亿个商业账户](https://respond.io/zh/blog/instagram-business-chat#toc-mobile-2) 。 毫不奇怪， [企业正在利用Instagram](https://respond.io/zh/blog/instagram-direct-message-api) 来推广他们的品牌，推动销售并向客户提供支持。

![这是一个描述企业为什么要使用Instagram小部件的图象。 今天，Instagram有10亿多活跃用户和2亿多商业账户。 这并不奇怪，企业正在利用Instagram来推销它们的品牌，推动销售并向客户提供支持。 想知道如何在Instagram上进行直接消息交流以及如何在Instagram上进行网页聊天？ 在下一节中查找](https://assets2-proxy.respond.io/ph8r57dk1q9w/4j8ZbCvHjVO97eJcTUPOTA/2ad9d56894e300fd8ca634167dbe98fe/InstagramWebchatImage01_a03eb4cb16f177ec5a12dbe469ae0d73.png) 

为了允许客户直接与您沟通，企业可以将 Instagram 小部件 (或Instagram Web 聊天) 添加到自己的网站。 点击小部件的客户将登陆您的 Instagram 配置文件，他们可以在那里滑入您的直接消息 (DM)。 

企业可以通过以下三种方式之一做出回应： [Instagram App Inbox](https://respond.io/zh/blog/instagram-business-chat#toc-mobile-7)、 [Meta Business Suite Inbox](https://respond.io/zh/blog/instagram-business-chat#toc-mobile-8) 和 [Instagram Direct Message API](https://respond.io/zh/blog/instagram-business-chat#toc-mobile-9)。 前两种选择是针对信息量低的微型企业和小型企业。

![这是一个描述企业使用Instagram部件的好处的图像。 点击小部件的客户将登陆您的Instagram个人资料，他们可以直接发送消息（DM），这是如何在Instagram DM上回复的。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/4IaQPrYZv6uLc38Tx0P9WX/f3773b5eeda7515597985ee7bf7a41b9/InstagramWebchatImage02_8c1e1012b9e494e6b2bc20200c33c8c1.png) 

如果您在寻找更高级的解决方案，可以选择Instagram DM API并[将其连接到信息收件箱，例如respond.io](https://respond.io/zh/blog/instagram-direct-message-api#toc-mobile-13)，以管理所有传入的消息。 对于这篇文章，我们将专注于Instagram DM API。

让我们继续到下一节向您展示Instagram小部件与您的网站的整合。 

### 如何为网站设置 Instagram 小部件

安装 Instagram 部件的过程很简单，可以通过 [快速完成。跟随这些步骤](https://help.respond.io/l/zh/workspace-settings/growth-widgets#creating%5Fwidget)。

![要开始, 请导航到设置 > 增长小部件。 然后点击添加小部件并选择 Instagram 小部件，然后点击创建小部件。 然后，输入您想要添加聊天窗口小部件的网站并选择您想要为其创建一个小部件的帐户。](https://assets2-proxy.respond.io/ph8r57dk1q9w/5a5Sv9Fszm3Ontox1ctL4f/ad87569761154dfcdb10001f5095d781/screenshot-2023-03-23-at-52453-pm_86dabaf12960295ebf70b7b6790d2531.jpg) 

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

然后，输入您想要添加聊天窗口小部件的网站并选择您想要为其创建一个小部件的帐户。

![这是一个显示如何选择您想要创建一个小部件的帐户的图像。](https://assets2-proxy.respond.io/ph8r57dk1q9w/3dDJwziMtUx1JzblypIQxY/1c4b948a5d2ee2a318f17aa252ddb5ba/screenshot-2023-03-23-at-52605-pm_4fa3209fd98c94a978ea62b0824590cb.jpg) 

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

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

现在您'已经成功设置了您的 Instagram 小部件，接下来我们将向您展示企业如何利用它来最大限度地发挥其潜力。

通过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) 

## 如何为您的业务使用Instagram部件

在这里，我们将分享企业如何使用 Instagram 小部件进行销售和支持的例子。

### 销售Instagram 小部件

通过小部件，客户可以访问您的个人资料，浏览您的店铺，发送查询并在不离开应用程序的情况下查看购买。 您也可以享受消息功能，如阅读收据和 [通用模板](https://developers.facebook.com/docs/messenger-platform/instagram/features/generic-template/) 以突出显示您的产品给客户。

![这是一个描述 Instagram 网页聊天用于销售的图像。 客户可以在应用内购物并结账，企业可以检查消息状态，突出产品并与潜在客户建立关系。 想知道如何回复Instagram上的消息？ 继续阅读以了解更多信息。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/i7xQfsuseZa04zL4yxAgs/40d38f8b13ec19ac4cafbe926a3c9d50/InstagramWebchat_Image05_069c7861082643f18895640e3ce213ea.png) 

[人类代理标记](https://respond.io/zh/blog/facebook-message-tag#toc-mobile-1) – 在 Facebook 的 Beta 计划下，可为特定企业（如 respond.io）提供，延长消息窗口至 7 天，让销售人员在[24 小时消息窗口](https://respond.io/zh/blog/instagram-business-chat#toc-mobile-6:~:text=Instagram Direct Message API Messaging Rules and Features)后，有更多时间联系潜在客户。

接下来，我们会看看企业如何使用 Instagram 小部件来处理客户支持。

### 客户服务的 Instagram 部件

使用Instagram小部件的一个优点是能够帮助企业提供实时支持。 

对于回头客，支持代理可以通过他们的 Instagram 用户名识别他们，并在像 respond.io 这样的消息收件箱中访问对话历史，从而为代理人提供背景，以便为每位客户定制支持。

![这是一个描述为什么嵌入了 instagram 直接网站的图像。 支持代理可以通过他们的 Instagram 用户名识别他们，并访问像 respond.io 这样的消息收件箱中的对话历史，从而为每位客户提供定制支持。](https://assets2-proxy.respond.io/ph8r57dk1q9w/3TtAsMaUu5q6LKC8wvz7II/e72bd734834e12aa89f581d628f27f31/InstagramWebchat_Image06_e73422c9335272366199d1ba65fad510.png) 

此外，支持代理可以利用人类代理标记在以后跟进复杂询问。 我们将分享如何在接下来的回复自动化的详情。 

## 与应答.io 轻松处理Instagram 对话

在本节中，我们将介绍在 respond.io 的工作流上创建与 Instagram 相关的[聊天自动化](https://respond.io/zh/blog/inbound-conversations)的不同方式。

### Instagram Web 聊天： 自动回答常见问题

想象一下每天问同一个问题的人数。 您可以在 Instagram 小部件上自动回答常见问题 (FAQ) ，而不是逐一回复。

像“什么是你的工作时间”这样的问题可以在没有任何人干预的情况下自动解答。 这将大大减少代理人的工作量，使他们能够集中精力处理重要事项。

![这是一个描述如何使用应答.io 工作流自动化响应的图像。 企业可以通过多项选择问题步骤设置10个常见问题解答。](https://assets2-proxy.respond.io/ph8r57dk1q9w/5jT4BwnQieSdedlQPquobd/8c7ad19e06ea7780614406476fc3257f/Screenshot2022-07-29at9_39_38AM_d709e7ca7fdc1dde6db32bd4a7866244.png) 

企业可以在应用程序上本地设置常见问题解答，但 Instagram 只允许[最多四个问题和回答](https://help.instagram.com/4153704678000867?helpref=related)。 相比之下，您可以通过[多项选择问题步骤](https://help.respond.io/l/zh/workflows/workflow-steps#step%5Fask%5Fa%5Fquestion)使用 respond.io 的工作流设置最多 10 个常见问题解答和回答。 

### Instagram Web 聊天： 设置离开消息 

尽管企业想要他们的客户在这里全天候，但它根本不可能。 但是，您可以设置 [离开消息](https://respond.io/zh/blog/instagram-auto-reply)[s](https://respond.io/zh/blog/instagram-auto-reply) 以便在工作时间以外自动回复客户，并让他们知道何时可以得到回复。

![这是一个描述如何为聊天窗口或Instagram小部件设置离开消息的图像。 您可以设置离开消息来自动回复客户在营业时间以外的情况，并让他们知道何时需要回复。](https://assets2-proxy.respond.io/ph8r57dk1q9w/7gAJy0T47BPuI9dXswHbud/d7851105835526586fa693ae209d75a9/Screenshot2022-07-15at9_33_07AM_8b8ceaac7f08871439317ddc8453d57f.png) 

Respond.io的工作流也允许您通过添加 [询问](https://respond.io/zh/blog/question-bot) 步骤来捕捉客户信息。 您可以将回复保存为 [变量为](https://help.respond.io/l/zh/dynamic-variables/dynamic-variables) 来自定义您的回复。 

例如，您可以询问客户是否想要查看菜单或为支持团队留下一条消息。 如果他们选择支持，您可以将他们分配到支持团队。 查看 Instagram 上一些您可以使用的[ 离别消息](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)[ 的示例。](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)

### [Instagram Web 聊天： 无限期地航线和分配客户](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)

[当客户开始新的对话时，必须确定公司中哪个团队将负责处理该对话。](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)

[聊天路由通过识别客户的查询并将其分配给正确的团队来缩短对话解析时间。 对话解决时间的缩短将提高客户满意度。](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)

[ ![这是一个描述为什么在instagram 聊天网上使用聊天路由的图像。 聊天路由通过识别客户的查询并将其分配给正确的团队来缩短对话解析时间。 ](https://assets2-proxy.respond.io/ph8r57dk1q9w/5A10GCDYaPWqAqTpQblMrS/12c77644aaf30a5b6ab6ae372b5f1226/InstagramWebchat_Image07_9dbe84e4892b4b84bc599955c8e5d59e.png) ](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)

[为了进一步减少响应时间，您可以创建一个 ](https://respond.io/zh/blog/away-message-for-business#toc-mobile-4)[聊天前调查](https://respond.io/zh/blog/pre-chat-survey) 来收集联系信息。 您可以使用信息来定制工作流，并实现 [自动分配逻辑](https://respond.io/zh/blog/auto-assignment-automatic-assignment-respondio) 来有效地连接客户到代理人。

不论您是使用它来推销您的产品还是提供客户支持，将Instagram小部件整合到您的网站可以使您的企业受益。 想开始使用 Instagram 小部件吗？ [立即将您的 Instagram 帐户](https://help.respond.io/l/zh/channels/instagram#connecting%5Finstagram)连接到 respond.io。

通过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) 

## 进一步阅读

想了解更多关于如何使用 Instagram 来发展您的业务？ 查看这些文章： 

* [如何在 Instagram 上使用自动回复](https://respond.io/zh/blog/instagram-auto-reply)
* [为多个用户使用Instagram Business 的指南](https://respond.io/zh/blog/instagram-business-account-multiple-users)
* [如何点击Instagram 直接广告](https://respond.io/zh/blog/click-to-instagram-direct-ads)

分享本文

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

相关帖子 👩‍💻 

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

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4bVRY2btGT8HXIaMD0vny1/b0f9fc2ab19bb88ccb7b2d4a40d152fe/InstagramWebchatCoverImage_16a420e25505a8776e1cc5715b7a44ea.png","headline":"Instagram 小部件：如何设置 Instagram Web 聊天","alternativeHeadline":"Instagram 小部件：如何设置 Instagram Web 聊天","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/instagram-widget","datePublished":"2023-07-24T00:00:00.000Z","dateCreated":"2023-07-24T00:00:00.000Z","dateModified":"2025-01-31T03:13:21.742Z","description":"想要在网站上添加 Instagram 小部件吗？ 在这里，我们将向您展示Instagram小部件是什么，如何设置它，它的好处，以及如何将自动化功能应用于您与Instagram的Web聊天中。","author":{"@type":"Person","name":"Stephanie Yap","url":"https://respond.io/zh/author/stephanie-yap"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/zh/blog/instagram-widget"}},{"@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"}]}]
```
