自行調整網站對話插件位置
利用 CSS 調整插件位置
在 Omnichat 對話插件代碼後面加上調整位置的程式碼
在 Omnichat 安裝代碼中的
</script> 後面 加上 以下代碼 (二選一，依照您的對話插件位置左右去選擇):若您的對話插件設定在右邊請加入以下代碼:
1
<style type="text/css">
2
#easychat-floating-button {
3
bottom: 15px;
4
right: 15x;
5
}
6
</style>
Copied!
bottom後面的數字15px代表對話插件與 網頁的最底邊界 的距離 (預設是 15px)，若您想要讓您的插件出現在比較上面一點，請改成比15更大的數字，實際需要多大的數字可以根據您的網站 UI 配置。right後面的數字15px代表對話插件與 網頁的最右邊界 的距離 (預設是 15px)，若您想要讓您的插件出現在比較左邊一點，請改成比15更大的數字，實際需要多大的數字可以根據您的網站 UI 配置。
若您的對話插件設定在左邊請加入以下代碼:
1
<style type="text/css">
2
#easychat-floating-button-left {
3
bottom: 15px;
4
left: 15x;
5
}
6
</style>
Copied!
bottom後面的數字15px代表對話插件與 網頁的最底邊界 的距離 (預設是 15px)，若您想要讓您的插件出現在比較上面一點，請改成比15更大的數字，實際需要多大的數字可以根據您的網站 UI 配置。left後面的數字15px代表對話插件與 網頁的最左邊界 的距離 (預設是 15px)，若您想要讓您的插件出現在比較右邊一點，請改成比15更大的數字，實際需要多大的數字可以根據您的網站 UI 配置。
bottom / right / left，並不需要全部都設定，若您只需要調整與下方邊界的距離，則
left: 15px 或者是 right: 15px 就不需要設定，可以整行刪除，就會維持預設的距離。
利用 GTM 調整對話插件位置
範例
若設定的代碼為：
1
<style type="text/css">
2
#easychat-floating-button {
3
bottom: 50px;
4
right: 50x;
5
}
6
</style>
Copied!
則對話插件距離 右邊邊界 會變成
50px ，距離 下方邊界 也會變成 50px 。
Last modified 1yr ago
Export as PDF
Copy link