【官網設計】如何調整 Messenger 按鈕位置

支援全部付費方案

若你有使用 Messenger 按鈕銷售管道功能，你可能會遇到需要調整 Messenger 按鈕位置的情況，這篇文章將教導大家如何調整按鈕位置。

新版主題（Aroma 或其後發佈之佈景主題）

步驟一：編輯原始碼

前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 base.css 文件
複製以下代碼

.fb_dialog_content > iframe:first-child { bottom: 65px !important; }```



3. 粘貼到 `base.css` 文件的最下方



![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1tj35ds.png)





### 步驟二：點擊儲存，完成！



---



###### 小提醒：





* 你可根據你的需求調整代碼裡 105px 的數字來調整你要的高度，數字越大表示調得更高





---



# 舊版主題（Candy 或之前發佈之佈景主題） 







1. 與新版主題一樣的步驟和代碼，只是需要在 `theme.scss` 原始碼文件裡操作





![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1w8hk3y.png)





---

Updated on: 12/01/2024

這篇說明對您有幫助嗎？

感謝！