注意:本文适用于使用消息传递Web Widget的帐户。如果您使用的是Web Widget (Classic)，请参见配置Web Widget中的组件(经典版)．
提示:本文适用于2021年11月2日之后开设的账户。如果您在此日期之前创建了帐户，请参阅启用消息．
通过创建Web Widget，您可以通过网站或帮助中心向客户提供消息传递功能。拥有多个品牌的帐户必须在计划用于消息传递的每个品牌上启用Web Widget。
在本文中，我们将描述在这些场景中创建Web Widget的步骤，并概述可以应用于小部件的可选配置设置。
本文包括以下主题:
为您的帐户创建Web Widget
创建消息传递Web Widget
- 在管理中心,点击
渠道在侧边栏中，然后选择消息和社交>消息．一个基本的Web小部件
亚博默认情况下创建，并显示在Channels列表中。 - 单击Channels列表中的默认小部件。
- 下从基础开始，如果支持多个品牌，请选择a品牌，然后确认或更改通道名称．
- 点击下一个．
- 下安装在您的网站上，复制代码片段粘贴到您的网站，或者单击“将代码发送给团队成员”．
如果您还没有准备好安装小部件，您可以通过电子邮件将代码片段发送给您自己或团队成员，以便稍后安装。如果你要去的话将小部件添加到帮助中心，您可以在完成此过程中的入职任务后进行此操作。
- 点击下一个．
- 下让它成为你自己的，配置这些设置:
- 选择一个原色使用颜色选择器或输入十六进制数。这种颜色用于Web Widget启动器和标题。
- 输入一个标题这将出现在标题中。
- 上传可选文件标志．
- 点击下一个．要查看最终用户如何查看小部件的示例，请单击现在测试一下．点击完成当你准备好向前看的时候。
- 小部件的编辑页面出现了。从这里，你可以继续配置小部件设置或者保持原样。
- 点击保存．
如果在上面描述的安装过程中安装了这个小部件，它就会立即在您的网站上使用默认的消息响应功能。否则，你可以在你的网站上安装这个小工具，或者在帮助中心，稍后再定。
您可以通过以下方式继续自定义Web Widget:
为多个品牌创建Web Widgets
消息传递Web Widgets是按品牌启用的——也就是说，如果您支持的话多个品牌，您需要为计划提供消息传递功能的每个品牌启用和配置Web Widget。
打开另一个品牌的消息传递
- 在管理中心,点击渠道在侧边栏中，然后选择消息和社交>消息．
- 单击添加通道按钮，然后选择Web部件．
- 在从基础开始，选择或更改通道名称，然后使用下拉菜单选择通道名称品牌．只有当前没有活动Web小部件的品牌才会出现在“品牌”下拉列表中。
- 点击下一个．
- 在安装在您的网站上，复制代码片段粘贴到您的网站或单击“将代码发送给团队成员”．
如果您还没有准备好安装这个小部件，您可以将代码片段通过电子邮件发送给您自己或团队成员安装后．
- 点击下一个．
- 在让它成为你自己的，配置这些设置:
- 选择一个原色使用颜色选择器或输入十六进制数。这种颜色用于Web Widget启动器和标题。
- 输入一个标题这将出现在标题中。
- 上传可选文件标志．
- 点击下一个．的编辑Web Widget页面打开。你可以继续配置小部件设置在这里，或者保持原样。
- 点击保存设置．
对每个将使用消息传递的品牌重复这些步骤。
配置Web小部件
Web Widget中有多个可定制的组件，您可以在将其安装到网站或帮助中心之前对其进行配置，以最好地代表您的业务。其中一些元素可以如上所述配置为向导的一部分。通过单击每个小部件的Edit Web Widget页面上的选项卡，可以访问更广泛的配置选项。
有关可配置小部件元素的更多信息，请使用以下链接:
- 配置Web Widget的基本信息，例如频道名称和链接的社交消息传递频道。
- 配置Web Widget的外观，包括选择小部件颜色、添加徽标和定义小部件启动器。
- 为Web小部件配置消息传递响应，使用营业时间根据座席的时间表创建单独的自动响应，或者升级到机器人应答器．
- 验证最终用户并配置会话历史记录，以提高安全性和代理效率。
- 在网站或帮助中心安装Web Widget，如果你还没有这样做的话。
15个评论
如何删除消息传递web小部件?
你好沃尔特,
通过删除，您是指从管理中心的频道列表中删除Web Widget列表吗?这在今天是不可能的，但我们将来会考虑。
如果你想从你的网站上删除这个小部件，那么你应该删除每个页面上加载的代码片段。但这不会从Channels列表中删除该列表。
谢谢,
——米兰达。
嘿,米兰达,
感谢您的快速回复!
是的，我就是这个意思。我正在测试，现在在我的视图中有一个过时的小部件，但不是很大。
再次感谢。
谢谢沃尔特。感谢你的反馈。这是我们希望在未来解决的问题(虽然现阶段我无法提供时间框架)。
——米兰达。
您可以更改消息传递web小部件的高度吗?例如，我注意到在移动端Zendesk网站上，这个小亚博部件的高度大约是竖屏的一半。但是在我们的网站上，这个小部件占据了整个视口的高度。
如果您正在使用Web Widget，则当前的自定义仅限于以下内容:
配置小部件框架
配置小部件启动器
此时，不可能更改Web Widget的大小(高度)。
我们如何从消息传递web小部件中隐藏“由Zendesk提亚博供支持”的消息?直到今天这条消息才出现。谢谢你！
当消息传递机器人无法连接到代理时，如何更改脱机消息?现在它说“你好!谢谢你联系我们。我们现在离线了，但我们会在几个小时后重新上线时回复你的信息，我们想要更改它
嗨加芙，
如果您指的是消息小部件中的Zendesk徽标，您可以取消亚博选中在管理中心>消息>选择小部件>样式选项卡中找到的“显示Zendesk徽标”。
嗨泰勒赫克曼，
您可以在聊天仪表板中更改All Agents Offline触发器。
对于小部件气泡的主颜色，我们如何使里面的聊天气泡图标/文字是白色而不是黑色?
另外，如何更改出现在代理响应左侧的图标或头像?
不幸的是，我们没有原生的解决方案，除了“样式”web小部件选项。
从技术上讲，可以通过一些自定义HTML/CSS/ javascript来解决这个任务。
你应该通过你的网站DOM操作添加一个新的CSS规则:
我附上了一个例子
希望你能理解
谢谢你！但是在代理人反应左边的图标/头像呢?我们可以定制这个吗?
是的，你可以通过“样式”设置自定义它。
选择框架->位置->左下角“
希望能有所帮助
有没有一种方法，使聊天小部件打开时，它不会覆盖整个屏幕时，在移动设备(智能手机)
请登录留下评论。