注意:本文适用于使用消息传递Web Widget的帐户。如果您使用的是Web Widget (Classic),请参见在Web Widget (Classic)中配置组件。
您可以从Edit Web Widget页面的Style选项卡中为Web Widget配置许多与外观相关的设置。
本文包括以下主题:
配置小部件框架
Web Widget框架包括窗口的结构元素,客户通过该窗口与代理进行消息传递对话。您可以定义框架在页面上的位置,为文本和框架元素选择颜色,上传徽标,等等。
更新小部件框架
- 在管理中心,点击渠道在侧边栏中,然后选择消息和社交>消息。
- 单击要编辑的频道的名称。小部件的编辑页面打开。
- 单击风格选项卡,配置以下设置:
- 原色,启动按钮和小部件标题的主颜色。输入十六进制数,或单击色板打开颜色选择器。如果您是从Web Widget (Classic)迁移过来的,则颜色默认为该品牌的Widget设置。
- 位置,小部件和启动器在您的网站或帮助中心的位置。选择左下或右下角,然后输入从页面底部和侧面开始的偏移间距。默认位置距选定选项16像素。
- 边境,即小部件外边缘的边界半径或曲线。使用滑块从直角(0像素)到弯角(20像素)选择半径。
- 消息的颜色,客户留言周围气泡的颜色。输入十六进制数,或单击色板打开颜色选择器。
- 行动的颜色,任何按钮或客户操作的颜色(例如选择选项).输入十六进制数,或单击色板打开颜色选择器。
- 客户附件权限。选择复选框以允许客户向消息传递对话添加附件。取消选择以防止客户添加附件。默认情况下允许附件。
- 标志(可选),以JPG或PNG格式出现在帧的顶部。标志是对话流程的视觉识别。点击上传图片,然后浏览到要添加的图像。
- 标题,出现在框架顶部的文本-通常是行动呼吁(“联系我们”)或您的业务名称。
- 描述(可选),标题下的一小段文字。这可以是你想要分享的信息,或者标语。在文本框中输入描述信息。
- 显示Zen亚博desk logo,它可以在Web Widget或移动频道上切换Zendesk徽亚博标的开关。可用于Suite Enterprise帐户,以及带有生产力包附加组件的专业帐户。
- 声音通知(仅限Web Widget),当客户在非活动的Web Widget消息传递对话中收到来自代理或机器人的响应时,它会为客户激活音频警报。激活后,客户可以选择在对话结束时禁用声音通知。
- 点击保存设置。
配置小部件启动器
Web Widget启动器是客户单击以打开小部件的按钮。您可以定义它在web或帮助中心页面上的显示位置、形状、文本等。
您还可以使用Web Widget API来创建自定义Web Widget启动器并定义其行为方式。看到Web小部件API了解更多信息。
要更新启动程序
- 在管理中心,点击渠道在侧边栏中,然后选择消息和社交>消息。
- 单击要编辑的频道的名称。小部件的编辑页面打开。
- 单击风格选项卡。
- 更新在浏览器窗口中的位置,其中启动器按钮出现在浏览器窗口中。使用单选按钮进行选择右下角或左下。
- 更新形状(仅限Web Widget),启动器按钮的形状。选择下列其中一个:
- 广场:使用滑块调节方形启动按钮外缘的曲线。
- 圆
- 自定义启动器
注意:选择自定义启动器从您的网站或帮助中心移除启动器。然后,您可以使用打开、关闭和未读消息api将启动器添加到web或帮助中心页面。看到Web小部件API。
- 文本(可选),显示在启动器按钮旁边的文本
- 移动端显示,选择在移动SDK中显示文本。
- 点击保存设置。
30的评论
如何更改聊天文本的颜色?
嗨迈克尔,
不幸的是,目前无法更改字体颜色。我将把这作为我们方面的一个功能请求,以供将来考虑。出于兴趣,你想把它变成什么颜色,为什么?
谢谢,
——米兰达。
我希望将文本字体颜色更改为白色。在标题和聊天框中,黑色与我的品牌颜色对比不太好。谢谢。
谢谢你!这是指出。
——米兰达。
嘿米兰达Burford
这是一个必须具备的功能,因为我想黑色和很多品牌的颜色都不匹配。
对我们来说,情况看起来也很糟糕。
你有任何机会的新闻分享添加更改图标颜色和标题文本颜色的小部件吗?
我看到这个帮助中心的Zende亚博sk小部件有一个不同的图标和颜色——一定是因为Zendesk团队做了一些自定义的东西。
你能分享一下他们所做的解决方案吗,这样不耐烦的客户也能得到一个外观合适的小部件?
是否有一种方法可以隐藏聊天或不允许在工作时间以外发送任何消息?
我们在我们的帮助中心和网站上都有消息传递网络小部件。我们有没有办法在不同的位置有不同的颜色?
你好,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说,我是说。
嗨Ola Timpson,
谢谢你的问题!现在还不可能根据位置设置不同的Web Widget颜色,但这是很好的反馈。我将把它作为一个功能请求记录下来,以便将来参考。
——米兰达。
嗨,无论如何要改变箭头方向下的文字小部件启动器?
嗨粉红色的,
我们已经收到了一堆关于箭头/尾巴方向的反馈(两种方向都支持),所以我们实际上有计划完全删除它,以防止任何进一步的问题。这是我们的待办事项,但不幸的是,我没有一个确切的日期可以提供。
希望这对你有帮助!
——米兰达。
你好,
在消息传递中,如何在聊天框中清理来自用户的对话,以便当用户返回时看到聊天框为空?
或者至少用户可以看到分组的对话,就像这个帮助中心的聊天框一样?
什么好主意吗?谢谢
“更新在浏览器窗口中的位置,其中启动器按钮出现在浏览器窗口中。使用单选按钮进行选择右下角或左下。"
在这里,我没有看到任何配置来移动图标更高,向左移动一点。我们怎么能做到呢?
我们可以将id设置为iframe标签,以便更容易地像这个网站一样设计样式吗
嗨,Hai Nguyen Duc,
不幸的是,我们在消息传递中没有可用的偏移API(以匹配我们在Web Widget (Classic)中拥有的API)。这是我们正在考虑在未来,虽然这样你就可以完全控制启动器和小部件在页面上的位置。
谢谢你的建议!
——米兰达。
能够有更多的控制是我们的小部件的高优先级。我们有一个页脚横幅,我们有在任何时候,我们不能使用小部件,因为它阻止了我们的横幅。这什么时候会成为一种选择?
除了更改聊天标题的文本颜色外,我们还想更改启动器图标的前景色。黑色的文字/前景不适合我们的品牌颜色。能够选择黑色或白色将是一个重大的进步。
嗨迈克尔•詹金斯,
>能够拥有更多的控制权是我们的小工具的重中之重。我们有一个页脚横幅,我们有在任何时候,我们不能使用小部件,因为它阻碍了我们的横幅。什么时候会有这个选项?
好消息!我们非常接近发布消息小部件的管理设置,这将允许您控制启动器和小部件显示的确切位置。我们希望在年底之前向客户发布此版本,因此请继续关注。
谢谢!
嗨!
我很好奇在Zendesk小部件顶部栏中添加关闭按钮的推荐方法是什么,就像你做的那样。亚博我说的是标题旁边的“X”按钮(不幸的是我无法在这里附上截图)。
我读过这篇文章解释如何构建自定义启动器,但它是特定于启动器的。管理中心的选项也没有帮助。
是否有适当的方式注入自定义HTML?如果是这样,是否需要获得一些额外的资源?
谢谢!
如果您希望在Messaging小部件中有一个类似的X按钮,而不使用向下箭头按钮。目前,我们的本机设置和api还不支持这一部分。但是,如果您想要获得不同的Messaging小部件体验,我们建议您通过以下方式创建自己的小部件web SDK或亚博Zendesk阳光对话。
谢谢你!
谢谢Jupete Manitas,
我看到web SDK来自聊天网络,处于维护模式。我们目前有一个消息传递Web小部件(我们使用消息传递SDK),所以我相信它不会有帮助——或者web SDK能够与Messaging web Widget一起工作吗?阳光对话适合这种情况吗?有什么指南/文档可以分享吗定制与阳光对话API的消息传递web小部件?
谢谢!
嗨,Diogo,唯一可用的自定义/外观更改是描述的那些在这里。由于目前还不支持您的目标,我们建议的解决方法是根据您的需要创建或构建一个新的自定义小部件,您仍然可以通过遗留的Web SDK或新的用于消息传递的Sunshine Conversations API进行构建。否则,您可以提交产品反馈对于这个。
这是我分享的用于SunCo的API文档。
嗨,我们正试图修改聊天气泡图标到一个药丸形状的一个使用在你的演示视频之一的网络小部件,也在网站如faithfullthebrand.com。你能建议我们是否必须有一个特定的计划来拥有它吗?
当联系zendesk支持时,当座亚博席回复时没有声音通知,也没有任何方式激活它。只有我一个人觉得奇怪吗?
你好,佩德罗,
消息传递Web Widget现在支持终端用户声音通知。
——米兰达。
嗨,米兰达,
我认为你没有理解这个问题。
如果现在支持它,为什么不在您自己的支持消息窗口上启用它呢?在最终用户端没有启用它的选项。
你好,佩德罗,
>在终端用户端没有启用它的选项。
管理员有权决定是否启用最终用户声音通知。然后,最终用户可以选择关闭或打开这些功能。最终用户切换包含在下面。
嗨,米兰达,
我认为你没有理解这个问题。我说的是Zendesk支持消息窗口(Z亚博endesk帐户管理中心)-你自己的支持小部件,而不是你的用户的帐户小部件。所以我使用的小部件来联系您的支持。没有办法启用声音。所以我猜Zendesk那亚博边还没有激活它,有这样的计划吗?问这个问题是因为每次你的探员回复,都没有声音提示,这很烦人。
,而不是
我的徽标没有在消息传递web小部件中正确呈现。我尝试了3种不同尺寸的logo, 1200x290px, 207x50px和50x12px:
但是这三种尺寸的渲染都是这样的:
嗨!我没有看到自定义启动器选项。
我需要隐藏它,因为我使用的是自定义按钮。
请帮助。
不幸的是,目前的Messaging Web Widget还不能做到这一点。您引用的小部件是旧版本的Web widget Classic,不能与消息传递一起使用。
目前,web小部件Messaging的样式选项如下:
你可以创建一个自定义启动器:配置小部件框架
快速入门—为消息传递Web Widget创建自定义启动器
我已经将这次对话标记为产品反馈以供审查,这意味着你的意见将被汇总为我们的“客户之声”项目的一部分,该项目向我们的产品开发团队提供客户反馈。
此外,我鼓励您在一般产品反馈主题在我们的社区中与其他有类似需求的用户互动,并讨论可能的解决方案。具有高参与度的对话最终会被标记出来,供产品经理在进行路线图规划时进行审查。
具体的例子,关于影响的细节,以及你目前如何处理事情,有助于我们的产品团队在解决方案时了解需求的全部范围。您可能还需要查看产品反馈指南,以及如何撰写有效的反馈文章[https://support.亚博zendesk.com/hc/en-us/articles/4413820079386-Giving-Product-Feedback-at-Zendesk-]。
我们非常重视客户的反馈,您在论坛中的声音和投票有助于影响未来的Zendesk功能。亚博
请登录留下评论。