在你面前将Web Widget (Classic)添加到您的网站或帮助中心,您需要决定要在Web Widget (Classic)中包含哪些组件,然后打开它们。对于某些组件,您可能需要进一步配置其他设置。您必须是管理员才能配置Web Widget (Classic)中的组件。
- 帮助中心搜索和建议文章
- 亚博Zendesk Chat用于与座席实时聊天
- 亚博Zendesk Talk用于请求座席回叫或查看要呼叫的电话号码
- 提交罚单的联系表格
有关如何向最终用户显示组件的信息,请参阅关于理解最终用户体验.有关Web Widget (Classic)文档的完整列表,请参见Web Widget(经典)资源亚博电脑端.
本文包括以下部分:
配置Web小部件(经典版)
Web Widget (Classic)包含多个组件,您可以打开或关闭或自定义这些组件。例如,您可以添加帮助、谈话和聊天功能以及联系表单。您可以配置安全设置、更改按钮和文本的颜色、编辑用户界面文本以及重新定位Web Widget (Classic)。
有关可配置组件的详细信息,请参见可配置的Web Widget(经典)组件(下图)。
配置Web小部件(经典版)
- 在管理中心,点击渠道在侧边栏中,然后选择经典> Web Widget.
如果您是第一次设置Web Widget (Classic),向导将指导您完成整个过程。按照屏幕上的提示操作。完成向导后,如果需要,可以通过继续下一步来查看和更改选项。
如果这不是您第一次设置Web Widget,请跳过此步骤。巫师没有为你出现。
- 从定制选项卡,配置Web Widget (Classic)组件(参见可配置的Web Widget(经典)组件).
- 配置完组件后,单击保存.注意:允许10分钟的时间让对Web Widget (Classic)的更改传播并出现在Web Widget (Classic)中。
完成此过程后,就可以完成中描述的步骤了将Web Widget (Classic)添加到您的网站或帮助中心,如果你还没有。
可配置的Web Widget(经典)组件
该表列出了可以从支持中配置的Web Widget (Classic)组件。
如果您想进一步定制Web Widget (Classic),可以使用Web Widget (Classic) API,但您可能需要网站开发人员的帮助。有关更多信息,请参见高级定制Web小部件(经典).
设置 | 描述 |
---|---|
触点形式 |
要允许客户从Web Widget (Classic)提交票据,请保持打开状态。该选项在默认情况下是打开的。如果您不希望客户能够从Web Widget (Classic)提交门票,请关闭该开关。通过Web Widget (Classic)提交的门票包含“web_widget”标签。 您可以使用这些选项来控制出现在Web Widget (Classic)中的默认联系人表单和票据表单中的名称字段。
请记住,如果票形式启用时,票据表单将取代Web Widget (Classic)中的默认联系人表单。还要注意的是触点形式组件不可用请求和上传API端点需要身份验证. |
票形式 |
注意:并非所有支持计划都提供多种票务表格。
要在Web Widget (Classic)中包含多个票据表单,请打开该开关。此选项仅在Contact表单开关打开时显示。 该选项使最终用户能够选择任何活动的票务表单,而不是只看到默认的Web Widget Contact表单,并允许您根据用户所在的页面自定义可用的票务表单。 如果您需要设置票务表格,请单击设置链接。有关更多信息,请参见在Web Widget中使用自定义票务字段和票务表单(经典版). |
自定义票证字段 |
注意:正则表达式、日期和多选择自定义字段不能在Web小部件(经典)中使用。 要选择希望包含在Web Widget (Classic)联系表单中的自定义票证字段,请使用下拉列表。此选项仅在启用联系人表单时出现,和至少有一个最终用户可编辑的自定义票证字段。看到添加自定义票证字段. 如果需要设置自定义票证字段,请单击设置链接。有关更多信息,请参见在Web Widget中使用自定义票证字段和票证表单. |
闲谈,聊天 |
注意:您必须有一个聊天帐户添加聊天功能的Web小部件(经典)。如果你没有聊天帐户,打开这个开关是没有效果的。 要在Web Widget (Classic)中包含聊天功能,请打开闲谈,聊天切换。 你可以点击设置链接打开聊天仪表板(Zendesk聊天产品界面),或从浏览器打开聊天。亚博从那里,您将配置特定的聊天功能,以便与Web Widget (Classic)一起使用(参见在Web Widget亚博中设置Zendesk聊天(经典版)). 如果你拥有多个品牌,那么选择哪个品牌并不重要聊天>设置链接您使用。它们都以完全相同的方式打开Chat。如果您有多个品牌,则将品牌名称添加为聊天标记。有关更多信息,请参见步骤2,将Web Widget (Classic)添加到Zendesk中的品牌中亚博在Multibrand设置中篇文章。 您不能向Web Widget (Classic)添加第三方聊天应用程序。 |
帮助中心 |
注意:您必须拥有Guide帐户才能将帮助中心搜索添加到Web Widget (Classic)中。如果你没有一个指南帐户,打开这个开关没有影响。 要向Web Widget (Classic)添加帮助中心搜索,请打开该开关。 若要配置帮助中心搜索设置,请单击设置链接。向导将打开,您将从那里配置设置。 如果在Web Widget (Classic)中启用了帮助中心搜索,那么您可以过滤来自Web Widget (Classic)的文章视图和搜索的度量。有关更多信息,请参见用Explore分析帮助中心搜索结果和用Explore分析亚博官方app知识库活动. 包括限制文章在帮助中心搜索结果 如果希望在Web Widget (Classic)结果中包含受限制的帮助中心内容,还需要配置一些其他设置。有关在Web Widget (Classic)中使用帮助中心搜索的详细信息,请参见在Web Widget中使用受限的帮助中心内容(经典版). |
上下文相关的帮助 |
要在Web Widget (Classic)中包含上下文帮助,请打开该开关。 此选项仅在“帮助中心”开关打开时出现。 上下文帮助根据访问Web Widget (Classic)的页面向最终用户推荐可能与他们相关的文章。有关更多信息,请参见关于Web Widget的上下文帮助(经典版). |
安全设置 |
若要将Web Widget (Classic)中的帮助中心搜索结果限制为网站上经过身份验证的用户,请单击配置按下,然后按照屏幕上的说明操作。 |
说话 |
要在Web Widget (Classic)中包含Talk,请打开这个开关。 要配置通话设置,请单击设置链接。有关更多信息,请参见为Web小部件配置Zen亚博desk Talk设置(经典版). |
亚博Zendesk标志 |
要在Web Widget (亚博Classic)中删除Zendesk徽标,请关闭开关。 |
主题颜色 |
要为Web Widget (Classic)指定自定义颜色,请使用颜色选择器。在选择颜色之后,您可以通过单击界面的任何其他部分来关闭颜色选择器。 |
主题文本颜色 |
要为启动器、联系人按钮和标题中的文本指定自定义颜色,请使用颜色选择器。在选择颜色之后,您可以通过单击界面的任何其他部分来关闭颜色选择器。 如果选择根据主题使用默认颜色复选框时,Web Widget (Classic)会根据主题颜色自动为您选择文本颜色,并使用算法来保证最小对比度WCAG指南. |
位置 |
要为Web Widget (Classic)选择位置,请从下拉列表中选择一个位置。如果希望Web Widget (Classic)出现在页面的右下角,请选择正确的.如果希望它显示在左下角,请选择左代替。 |
Web Widget按钮文本 |
要指定Web Widget (Classic)启动器上的文本,请从下拉列表中选择其中一个选项。 |
联系人表单按钮文本 |
要指定启动联系人表单的按钮上的文本,请从下拉列表中选择其中一个选项。 |
回答机器人 |
注意:Answer Bot可在所有Zendesk Suite计划中使亚博用,并作为Zendesk支持的附加组件。 要将Answer Bot添加到您的Web Widget (Classic),请打开开关。此选项仅在“帮助中心”开关打开时出现。 有关更多信息,请参见在Web Widget中启用和使用Answer Bot(经典版). |
51条评论
你好,
是否有可能在默认情况下打开表单,而不是崩溃,直到有人点击?
提前感谢!
每天
您可以将以下代码直接添加到您现有的小部件代码下面:
这将在启动页面时立即打开小部件。
来自:https://developer.亚博zendesk.com/embeddables/docs/widget/core#open
你好,
是否可以更改小部件的背景颜色?在文本区域?到目前为止,我们找不到一个解释。
提前感谢!
你好,格雷戈尔,
小部件内的启动器、联系按钮和标题响应您在UI中的web小部件设置或通过这里的对象设置的主题颜色https://developer.亚博zendesk.com/api-reference/widget/settings/#color但是小部件背景对这些更改没有响应,也无法进行定制。
Beau |客户倡导者
问我们的亚博Zendesk社区
你好,格雷戈尔,
谢谢你的问题!Miranda,我是这里的Web Widget产品经理。出于兴趣,您使用的是消息传递还是实时聊天Web Widget?如果您让我知道,我很乐意将此记录为我们方面的一个功能问题,以供将来考虑。我假设你也想自定义文本颜色(如果你正在设置背景颜色,这样它们就能很好地协同工作)?
谢谢,
——米兰达。
嗨,米兰达,
现在对我们来说,主要的问题是改变背景颜色,因为我们想把小部件实现到我们现有的主题中。所以我们还需要改变文本的颜色。
我们希望你能给我们一个解决方案。
亲切的问候,
格雷戈尔
你好!
我有一个类似于Gregor的问题,但是关于自定义(1)消息气泡颜色或(2)“Get in touch”按钮样式。
我咨询过Web小部件的设置参考(经典),这给了我一个很好的起点,但我想知道上面的2个元素中的任何一个是否通过设置参考中的JS可瞄准对象。
他们目前都是从主题颜色设置,这确实是一个问题,因为其中一个有接近黑色的文本,而另一个是覆盖在小部件的BG颜色(白色)的顶部。找到一种在两种情况下都可以访问的颜色是相当大的挑战,所以我希望能够单独控制一个或两个,以及潜在的“Get in touch”按钮的悬停样式。
我以为"联络"按钮的颜色会来自按钮在JS脚本中设置,但它不是。
谢谢你的宝贵时间。
嗨格雷戈尔,
知道了,谢谢!不幸的是,我们今天没有可用的解决方案。请确认您使用的是即时消息还是实时聊天Web Widget?我想提出你的反馈意见以供将来考虑。
谢谢,
——米兰达。
嗨,米兰达,
由于我们的客户可以选择使用暗模式,我们需要能够改变背景和文本颜色。目前我们正在使用小部件创建门票,但在接下来的几个月里,我们想要激活机器人,甚至可能使用实时聊天。
如果您需要进一步的信息或想看一看,我们将不胜感激,我们可以通过邮件继续交谈。
亲切的问候,
格雷戈尔
谢谢格雷戈尔.这是有用的信息。如前所述,我们目前还没有修改文本颜色的解决方案,但我会将其记录为将来考虑的功能请求。
——米兰达。
嗨米兰达Burford
我们还需要改变的网页小部件字体太品牌的网站。
谢谢。
玛丽亚(女名)
谢谢Maky.感谢您的反馈!我们这边记录下来。
——米兰达。
你好@…!
有没有办法使共存的聊天和联系人窗体在小部件?这就是我需要的:
让客户选择是否通过聊天或电子邮件联系协助。
在这里说那是不可能的。
提前感谢!
玛丽亚(女名)
是的,这是可能的。你可以添加
contactoptions
在你的小部件上。这将为客户提供在联系表单和聊天之间进行选择的选项。更多信息可以在这里找到ContactOptions API你好,
只是想知道我怎么能有它,当网页小部件填写在我的网站,它只去一个代理/管理员的电子邮件地址?当它被填写的那一刻,警报被发送到每个代理/管理员的电子邮件上的帐户。
谢谢,
迈克尔
嗨,迈克尔,
这很可能是默认支持触发器就是发送那些邮件通知,也就是将收到的请求通知所有代理。如果是这样,您可以自由地自定义其行为,只需将动作更改为您希望收到通知的电子邮件用户-(代理名称)。
你好,
是否也可以翻译Web Widget ?我们的帮助中心使用不同的语言,我们希望在那里嵌入Web Widget,但当然要使其语言适应最终用户在帮助中心中使用的语言。
谢谢!
感谢您联系Zendesk支持。亚博
关于你的担忧,b默认情况下,小部件语言是根据客户的浏览器自动设置的。如果最终用户的例如,将浏览器设置为法语,则该小部件将为该用户显示法语。
如果您想手动设置小部件的语言,请查看我们的文章 我如何在我的网站上更改或设置小部件的语言?了解更多相关信息。
谢谢大家,祝你们度过美好的一天!
亲切的问候,
在Web Widget (Classic)中输入的“您的姓名”字段没有显示在门票中。我在哪里可以找到支持代理工作区的输入字段?
嗨@……,谢谢您的回复!至于web小部件的自定义字段,我想如果我们使用动态内容中的占位符,它们也会被翻译。
是的,这是正确的。最终用户将在浏览器中以他们自己的设置/首选语言看到所有内容。
谢谢你!
亲切的问候,
当使用prechatForm和offlineForm时,我们可以添加一个自定义的“greeting”,它会显示在表单的上方。我们已经切换到使用contactForm,我似乎不能添加问候语。这是我们正在使用的。任何建议吗?谢谢!
contactForm: {
问候:{
“*”:“客户服务代理现在不在。请留言,我们将在下一个工作日内尽快通过电子邮件回复您。”
},
附件:假
}
嗨斯隆!联系人表单不包括问候语属性,因为问候语是Chat世界的一部分。在使用联系人表单时,您现在使用的是Support端,它以不同的方式起作用,因此只包含这些选项.
一种选择是使用消息传递而不是实时聊天完成这个,但这对您的帐户来说是一个重大更改,可能会导致其他意想不到的更改。我建议大家阅读一下我们的文章哪种选择最适合你如果你有任何问题,联系宣传团队这样他们就能指引你走向最好的方向。
你好,
是否有办法更改小部件上的默认徽标?我们有我们公司的标志,但它真的是倾斜的,不好看。我们更喜欢自己的图标
嗨Eyal费恩,
我弄清楚了,你想更新哪个标志?是你在屏幕截图中指向的那个,还是你网站上Web Widget本身(显示给客户的那个)显示的那个?如果你能澄清这一点(如果不是上面的截图),那将会很有帮助。
谢谢!
你好,米兰达,谢谢!
出现在web小部件中的那个,就像你在这里看到的:
谢谢Eyal费恩.
您是否介意上传logo源文件(已经上传到Zendesk的那个)以便我们进行调查?亚博
——米兰达。
确定米兰达
@……
你好世界吗?:)
你能回答我的问题吗?谢谢
你好,为什么每次我打开“即时通讯”(渠道>消息传递),我设置的配置由文档不再工作?
请登录留下评论。