问题特征
在我的网站添加 Web Widget（经典） 后，我注意到该小组件覆盖了页面上的其他按钮。
提示： 这篇文章详细介绍了Web Widget（经典）的偏移步骤。要确定您是否拥有此权限，请参阅此文章：我的 Zendesk 帐户和网站使用的是哪个小组件？
解决步骤
使用我们的 API 代码垂直和/或水平移动小组件。这就是所谓的将按钮和窗口偏移浏览器窗口或移动应用窗口的边缘。这篇文章将介绍如何使小组件按钮和小组件窗口偏离默认位置。
重要提示：在开始之前，将小组件脚本嵌入一个或多个页面的 HTML 源代码中，以将小组件添加到您的网站 。然后，添加本文中列出的自定义代码，以及您的嵌入式在线交谈小组件脚本更新。
垂直偏移
此 API 代码可设置在线交谈按钮距离浏览器窗口边缘的垂直偏移量：
<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVertical(50);
});
</script>
更改里面的号码 () 根据您的需求。
“在线交谈”按钮默认位置在页面的右下角。应用垂直偏移代码会使按钮垂直向页面顶部移动。
此 API 代码将使在线交谈窗口与在线交谈按钮垂直偏移：
$zopim.livechat.window.setOffsetVertical(50);
更改里面的号码() 根据您的需求。
窗口式交谈默认从页面底部打开。 应用 API 代码后，您的在线交谈窗口将打开，距离页面底部指定的距离。
水平偏移
使用此 API 代码设置在线交谈按钮相对于浏览器窗口边缘的水平偏移：
<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetHorizontal(50);
});
</script>
更改里面的号码() 根据您的需求。
应用水平偏移按钮代码会使按钮向页面左侧水平移动。
此 API 代码将使在线交谈窗口水平偏移：
$zopim.livechat.window.setOffsetHorizontal(50);
更改里面的号码() 根据您的需求。
应用水平偏移窗口代码会使窗口向页面左侧水平移动：
移动偏移量
使用以下 API 代码的 移动在线交谈按钮和窗口 的偏移量：
<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVerticalMobile(30);
$zopim.livechat.window.setOffsetVerticalMobile(30);
$zopim.livechat.button.setOffsetHorizontalMobile(30);
$zopim.livechat.window.setOffsetHorizontalMobile(30);
});
</script>
更改里面的号码 () 根据您的需求。
有关更多信息，请参阅以下文章：Javascript API。
翻译免责声明：本文章使用自动翻译软件翻译，以便您了解基本内容。 我们已采取合理措施提供准确翻译，但不保证翻译准确性
如对翻译准确性有任何疑问，请以文章的英语版本为准。