使用 JavaScript 触发器激活 ZenDesk 小部件

Question

好的，我正在这里编辑一个页面 support.tophat.com，在屏幕的左下角有一个小部件按钮，单击它可以打开一个方便的小支持票 window。这是zendesk提供的ZenDesk小部件，为客户提供向ZenDesk后端提交支持工单的服务。

我想做的是在页面上其他地方的任意 link 或按钮上包含一个 "onClick" 函数调用，这将触发支持票 window显示，实际上不必单击左下角的按钮。

这似乎是通过 iframe 实现的，我已经尝试了 jQuery .click() 函数但无济于事...在检查元素并查看当用户点击按钮，我得到一长串令人作呕的神秘 JS，没有真正概述的功能。

我的最终目标是在点击后打开支持 window，比方说，一个 link 有一个触发器，就像我点击 link，然后设置onClick="trigger()" 触发 window 在左下方打开。

如果你希望我包含 chrome 显示的块，当事件被触发时让我知道，但它不漂亮，如果我输入看起来像这样的代码，mods 可能不喜欢.

Answer 1

使用 jQuery（包含在 Zendesk 帮助中心），您可以这样做：

$('#launcher').contents().find('.Button--launcher').click();

我在您网站的 Chrome 控制台中对其进行了测试，它激活了小部件。

我在这里找到了与此答案相关的信息：IFrame button click event

关于 jQuery 的 .contents() 的信息：https://api.jquery.com/contents/

Answer 2

这个：

  $zopim(function() {
    $zopim.livechat.window.show();
  });

如果您想从 HTML 调用它：

<a href="javascript:$zopim.livechat.window.show();">

Activate ZenDesk widget using JavaScript trigger