问题特征
将 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。
翻译免责声明：本文章使用自动翻译软件翻译，以便您了解基本内容。 我们已采取合理措施提供准确翻译，但不保证翻译准确性
如对翻译准确性有任何疑问，请以文章的英语版本为准。