在本文中，我们将向您介绍Web Widget (Classic)， Zendesk的传统可嵌入客户支持界面。亚博Web Widget (Classic)允许您将您正在使用的其他Zendesk产品的功能(指南，支持，谈话和聊天)添加亚博到您的网站或帮助中心，以便您的客户可以从单个界面获得即时帮助，以他们最喜欢的任何形式。包括:
- 搜索帮助中心文章以获得即时自助服务。
- 使用联系表单提交支持请求。
- 请求回调，或者查看他们可以拨打的电话号码。
- 与代理开始实时聊天。
关于Web Widget (Classic)
Web Widget (Classic)是一个独立的Web应用程序，您可以将其嵌入到网页中，让客户访问您的帮助中心和其他Zendesk支持渠道(support、Talk和Chat)中的代理。亚博它可以鼓励客户在任何可能的情况下通过使用帮助中心的文章进行自助服务。它还可以通过减少访问联系表单、请求回拨和开始聊天所需的步骤，使从代理获得帮助变得更容易。
所有这些都可以通过一个界面完成。客户不需要从你的主页转到你的帮助中心，打开他们的电子邮件应用程序，或者搜索你的网站找到一个电子邮件地址来联系你。
您可以将Web Widget (Classic)添加到您的网站或帮助中心。默认情况下，它出现在底部角落。
您必须是管理员才能设置和管理Web Widget (Classic)。
您需要做的第一件事是配置小部件中所需的组件(参见配置Web小部件中的组件(经典版))，然后你可以把小部件代码添加到你的网站或帮助中心(参见将Web Widget (Classic)添加到您的网站或帮助中心）.
有关Web Widget (Classic)的完整文档列表，请参见Web Widget(经典)资源亚博电脑端。
Web Widget的浏览器要求(经典版)
以下浏览器支持Web Widget (Classic)。
| 设备类型 | 吃嫩叶的动物 |
|---|---|
台式电脑 |
|
移动设备 |
|
理解最终用户体验
自助服务
如果在Web Widget (Classic)中启用了帮助中心，将首先向客户展示帮助中心搜索。当Web Widget (Classic)打开时，它同时包含自助服务和联系人按钮。
在搜索时，如果找到匹配项，最多会出现9个结果。客户可以单击列表中的文章，然后在Web Widget (Classic)中打开该文章。
如果在Web Widget (Classic)中启用了上下文帮助，那么最多可以在搜索框下方显示三篇建议文章。建议的文章由客户访问Web Widget (Classic)的页面URL决定，或者由管理员使用高级自定义选择(请参阅关于Web Widget的上下文帮助(经典版)）.
即时聊天
本文从访问者的角度概述了实时聊天如何在Web Widget (Classic)中工作。它的目的是让管理员和代理大致了解它是如何工作的，但它并没有涵盖所有场景——Web Widget (Classic)中实时聊天的确切外观和行为取决于管理员如何配置它。
访问您网站的访问者可以从桌面或移动浏览器使用Web Widget (Classic)中的实时聊天功能(参见为移动设备定制聊天小部件）.
您的访问者可以从Web Widget(经典)执行这些与聊天相关的活动:
- 从Web Widget (Classic)启动器开始聊天
- 接收主动聊天
- 查看会话记录
- 自定义聊天礼宾部的头像、名称和署名
- 通过聊天发送和接收附件
- 调整声音，请求文本，编辑联系人详细信息，并结束聊天
- 翻译聊天
- 结束和费率聊天
- 聊天时弹出Web Widget(经典)
有关更多信息，请参见在Web Widget亚博中设置Zendesk聊天(经典版)。
从Web Widget (Classic)启动器开始聊天
当在Web Widget (Classic)中启用实时聊天时，启动器对最终用户的外观取决于启用了哪些其他联系人选项。
| 发射器的外表 | 联系方式和代理可用性 |
 |
如果实时聊天是Web Widget(经典)中唯一启用的联系选项，并且聊天代理在线，则启动器会包含聊天图标并显示闲谈，聊天。 |
 |
如果启用了实时聊天和帮助中心，当聊天代理在线时，启动器会包含聊天图标并显示帮助。 |
 |
聊天徽章是一个特殊的启动器，允许客户立即获得聊天代理的支持。它比默认的Web Widget (Classic)启动按钮要大，并且不包含其他联系人选项自定义聊天徽章部分）. 如果启用了聊天徽章，聊天是Web Widget (Classic)中唯一启用的联系选项，并且聊天代理在线，那么聊天徽章将出现在页面上，而不是常规的Web Widget (Classic)启动器。 |
| 如果聊天是唯一启用的联系人选项，并且没有座席在线，则启动器不显示。 |
一旦客户打开Web Widget (Classic)，他们就会看到:
当客户点击时即时聊天，他们接下来看到的内容取决于是否启用了预聊天表单。
 如果启用了聊天前表单，客户将填写表单，然后单击开始聊天 |
 如果预聊天表单是不启用后，客户可以立即开始聊天。 |
如果客户单击启动程序时有一个代理可用，但该代理在聊天开始前退出，则客户将看到一条消息，表明该聊天代理不可用。
接收主动聊天
代理可以看到谁是当前在您的网站上，并决定是否主动联系访问者之前，他们请求聊天。例如，您可能想要接触购物车中有商品但花费太长时间才能完成购买的访问者。有关更多信息，请参见浏览网站的访问者，使用Zend亚博esk聊天,通过主动聊天锁定关键访问者。
查看会话记录
如果在Web Widget (Classic)中启用了访问者身份验证，那么经过身份验证的访问者可以看到他们过去的聊天记录。有关访问者身份验证的详细信息，请参见在Web小部件中启用经过身份验证的访问者(经典版)和经过身份验证的访问者在Web Widget (Classic)中的会话历史记录。
自定义聊天礼宾部的头像、名称和署名
在访客与客服联系之前，他们会看到聊天礼宾员的头像、姓名和署名。有关更多信息，请参见自定义聊天小部件concierge。
通过聊天发送和接收附件
访问者可以发送和接收附件。单击附件图标(
)打开一个标准的文件选择对话框，但您也可以将文件拖放到Web Widget中。有关附件的详细信息，请参见管理文件发送选项。
调整声音，请求记录，编辑联系方式，结束聊天
游客可以使用底部的可扩展菜单(
)打开和关闭声音，请求聊天记录，编辑他们的联系方式，或结束聊天。有关转录本的更多信息，请参见自动发送聊天记录与电子邮件管道。有关编辑联系人详细信息的详细信息，请参见编辑访客个人资料设置。
翻译聊天
如果Chat检测到代理和访问者使用不同的语言，则显示翻译Link出现在对话中。访问者可以点击这个链接将座席的回答翻译成他们的语言。翻译由谷歌翻译。
结束和评价聊天内容
当访问者准备好了，他们可以通过点击结束聊天(
)图标。他们也可以通过可扩展菜单结束聊天(）.
访问者可以使用“竖起大拇指”(
)及表示反对()图标在聊天期间的任何时间。在他们对聊天内容进行评价之后留下评论按钮出现，因此如果需要，他们可以添加注释。
如果访问者在一段时间后没有对聊天进行评价，代理可以通过发出以下命令来提示访问者对聊天进行评价评价这个聊天按钮出现。
有关聊天评级的详细信息，请参见用聊天评分衡量访问者满意度。
聊天时弹出Web Widget(经典)
在网页小部件(经典版)中启用聊天功能后，访客可按一下弹出式图标(
)将Web Widget (Classic)弹出到它自己的浏览器窗口。
Web Widget (Classic)与网站分离，并接收唯一的URL。它可以四处移动，不再锚定在网站上。
你可以在一系列营销沟通中分享URL到Web Widget (Classic)弹出窗口，邀请用户直接与你互动，而不必在你的网站上。
电话
当在Web Widget (Classic)中启用Talk时，启动器对最终用户的外观取决于启用了哪些其他联系人选项。
| 发射器的外表 | 联系方式和代理可用性 |
  |
如果Talk是Web Widget(经典版)中唯一启用的联系人选项和当代理在线时，启动器会显示Talk图标，并显示“任意一个”请求回调或打电话给我们，这取决于您的配置。 |
 |
如果在Web Widget (Classic)中启用了Talk和帮助中心，并且代理在线，则按钮显示帮助。 |
 |
如果在Web Widget (Classic)中启用了Talk、帮助中心和Chat或联系表单，并且代理在线，则启动器将包含一个问题图标并说帮助。 |
当Web Widget (Classic)打开时，Talk在Web Widget (Classic)中的确切外观取决于管理员如何配置它以及代理的状态(参见为Web Widget配亚博置Zendesk Talk设置(经典版)）.根据您的配置，客户可以:
- 查看他们可以拨打的电话号码
- 请求回调
- 查看回调的平均等待时间
以下示例显示了Talk在Web Widget (Classic)中的显示方式，具体取决于您的配置。
如果Talk是Web Widget (Classic)中唯一启用的选项，并且它被配置为允许回调请求，然后单击启动器，将显示回调表单。 |
如果“通话”是唯一启用的联系人选项，并且“通话”配置为打电话给我们只有，你的电话号码显示。 |
如果启用了“Talk”和帮助中心，并且启用了其他联系方式(例如“Chat”或“contact form”)，则通过帮助中心搜索后，客户可以从联系我们按钮。 |
如果“Talk”和“帮助中心”已启用，“Chat”和“contact form”未启用，则在“help center”中搜索联系我们按钮说请求回调(或打电话给我们)。 |
触点形式
您的客户可以从Web Widget (Classic)提交票证，以收到对其查询的电子邮件回复。默认情况下，在Web Widget (Classic)中启用了联系人表单。
默认情况下，联系人表单包含客户姓名、电子邮件地址和问题描述字段。如果管理员在Web Widget (Classic)中启用了多个票证表单(请参阅配置Web Widget中的组件(经典版))，然后顾客可以从多种票务形式中选择。如果没有，则只显示默认的联系人表单。
通过Web Widget (Classic)提交的门票包含标签web_widget。
67条评论
你好,
我只是想知道是否有办法增加嵌入iframe的高度，webwidget文档只提到偏移量，位置和z-index。没有提到宽度/高度。
提前感谢，
德克·德克勒克
嗨,德克,
此时，无法更改web小部件的大小或形状。本文中的更多信息:如何更改Zendesk小部件的形状和大小?亚博
如果您有任何其他问题，请告诉我们!
帮助中心的内容是否需要公开才能在Web Widget中查看?或者登录用户也可以查看文章吗?
你好布莱恩,
理想情况下，您需要将Help Center内容公开，以便客户看到您的文章。但是，您也可以控制谁可以查看您的帮助中心。您可以设置只有那些能够查看您的帮助中心的登录用户。
要做到这一点，你需要去指南管理>设置，然后去指南设置，在安全下，你需要在需要登录上放一个复选标记。你可以参考我附上的截图。
谢谢大家，祝你们度过美好的一天!
亲切的问候,
小布埃纳维斯塔DJ |
客户维权专员|
我的组织有兴趣在内部开发的应用程序上使用Web小部件选项。
这个小部件是否可用于向ZenDesk Guide进行身份验证的应用程序，以便我的客户定位自助服务信息?亚博
嗨@……，
是的，这是可能的。你可以在这里找到更多信息，https://support.亚博zendesk.com/hc/en-us/articles/222874768-Using-restricted-Help-Center-content-with-the-Web-Widget。
——米兰达。
你好,@……@……！
我们的网页小工具(在右下角的“获取帮助”)大约需要7秒才能加载完毕。你能让我知道这种延迟(7秒)是否正常，以及一旦我们这边启用Zendesk Messaging / Answer Bot后，这种情况是否仍然存在?亚博
嗨@……，
您是否介意分享一个链接到您的网站，其中Web Widget加载?有很多不同的因素会影响性能。我们很乐意看一看你的实现，然后回来找你!
目前，Web Widget(支持和实时聊天的经典体验)和消息传递的加载时间大致相同。在未来(大约在接下来的几个月)，我们计划对消息传递体验进行一些优化，以使加载时间更好。我建议您尽可能迁移到消息传递体验，因为这在将来会更快。
谢谢,
——米兰达。
谢谢你的跟进@……，
这是该网站的链接在哪里?“帮助”Web Widget加载。
我想通过一个模态弹出窗口添加一个自定义的web票证表单到我们的web应用程序，而不是重定向到帮助中心，以创建一个更无缝的用户体验。但我不确定我是否应该使用web小部件，创建一个HTML表单，或其他东西。作为参考，我想网络形式看起来类似于Slack的(https://support.zoom.us/hc/en-us/requests/new)，甚至是Zoom (https://support.zoom.us/hc/en-us/requests/new)，除了我希望它在一个模态窗口，而不是通过帮助中心或一个独立的网页。
另外:
希望得到一些指导!提前感谢!
嗨伊恩，
很抱歉我的回复太迟了。我们看了一下你的网站，加载时间与我们通常看到的相符。
我想确认一下你最近是否检查过Web Widget的性能?几个月前，我们推出了一些显著的性能改进，我们能够将Web Widget的加载时间减少大约30%。
谢谢,
——米兰达。
嘿@……，
感谢您的联系和评估加载时间。经过检查，我可以确认有2秒(左右)的改进。路线图上是否有进一步的优化来进一步降低加载时间(即低于5秒)?
非常感谢你的帮助。
我们在帮助中心的一些文章中嵌入了Vidyard的视频，但这些视频在web小工具中被屏蔽了。我们已经检查了设置，视频是公开的。它将显示在帮助中心的实际文章中，但在web小部件中似乎被破坏了。有什么已知的bug或者我们应该尝试的解决方法吗?
嗨伊恩，
哦,太好了。很高兴听到这个消息!
我们确实有一个正在进行的工作计划，以进一步优化Web Widget的性能，但这些只是非常微小的改进。我们推出的最后一次更新是最重要的(你看到几秒钟的时间被缩短了)。我们预计这些小的改进将在未来几个月推出。
除此之外，我建议迁移到消息传递体验，因为这在将来会更快。
谢谢,
——米兰达。
没问题的
谢谢
嗨雷·斯梅尔。
我知道你在8个月前发布了你的问题，但我通过这样做解决了这个问题:
<脚本type = " text / javascript”>
泽(函数(){
zE.hide ();
}）;
> < /脚本
<按钮onclick = " zE.activate ();“>生活> < /按钮聊天
也许能帮上忙!
玛丽亚（女名）
对不起!@……你是对的!
我通常用我的个人资料搜索Maky
谢谢!再次抱歉!
我有一个WordPress网站(https://akatsuki-samui.com)，我认为这是在使用经典的网络小工具。神秘之处在于，我似乎找不到这个实例是如何加载的。页眉或页脚没有Javascript代码，也没有插件。
当我检查页面的源代码时，没有相关的Javascript实例。
但是当我检查页面时，我看到web小部件是通过iframe加载的。那么，我到底该如何阻止这个经典的网页小工具加载呢?(-_- | | |)
嘿丹尼
我没有看到一个明显的网络小工具，但我看到了一个Whatsapp小工具。你能提供更多你所看到的细节吗?小部件所在位置的屏幕截图以及您看到的相关页面源部分?
快速浏览并没有显示任何来自Zendesk的页面源亚博
嘿，丹，这是我的火狐在私人模式下的截图——右下角的小部件重叠了谷歌验证码的标志。
这里是页面源代码部分。
附注:我试图禁用网站缓存，但由于某种原因，这个小工具仍在加载。
嘿丹罗斯以上有什么更新吗?
嗨！
有人能告诉我，我怎么能使共存的聊天和表单联系在同一时间在同一个web小部件，让客户选择做什么?(或聊天或联系表单)
也许用两个不同的定制发射器?还是一个链接和自定义启动器?欢迎提出任何建议!
谢谢。
玛丽亚（女名）
嗨丹尼-
当我进入你的网页并查看源代码(在Chrome中)时，我能够搜索“Zendesk”，并发现一个部分开始:亚博
最有可能的安装过程如下:安装Zendesk聊天亚博为WordPress。
这有帮助吗?
嘿@……在网站上进行了进一步的故障排除后，我找到了答案。
团队中有人决定使用Google标签管理器来加载web小部件。叹息。
谢谢你的回复。
嗨Maky，
你可以使用contactoptions API以确定要向最终用户显示哪些选项。您可能想要定制您的网站，以便某些页面允许最终用户做出选择，而其他页面则不允许。确切的行为取决于是否为Web Widget (Classic)配置了Chat或Talk，以及聊天代理是否在线。如果需要，您可以自定义联系人选项的默认文本。更多信息请点击这里。
希望这对你有帮助!
——米兰达。
我们希望在聊天中始终显示礼宾头像，即使是在代理与客户聊天时。我们的代理商从看到他们面孔的顾客那里得到了很多不想要的信息。这可能吗?
感谢您联系Zendesk支持。亚博
关于你的担忧，很遗憾，这是不可能的。然而，你可以尝试一种变通方法。如果您想防止代理收到不需要的消息并保护他们的身份，您可以将代理的头像和名称设置为与礼宾相同。
亲切的问候,
请登录留下评论。