如何設定快捷鈕

開啟右下角快捷鈕，新增值班電話、信箱、網址或回到頂端，並調整顏色與順序。

最後更新：2026.09.22

這篇完成： 前台右下角出現電話、LINE、回到頂端等圓形按鈕。 概覽見 行銷轉換工具概覽 。

路徑

最多 5 個項目。列表 靠上 的按鈕在畫面上較高（離右下角較遠）。

按鈕： 新增項目 、上移／下移、複製、刪除（至少留一列才能刪到剩下最後一個之前）。

欄位 說明 圖示 從圖示庫選。「回到頂端」固定上箭頭，不能改。 按鈕顏色 跟隨主題、品牌主色、色票，或自訂色塊。預設跟隨網站前景色。 類型名稱 無障礙名稱（螢幕閱讀器用）。例：聯絡我們、LINE 客服。網址類型未填連結文字時， 不會 顯示在圖示左側。 連結類型 電話（可撥號） 、 電子郵件（可寄信） 、 網址（可點擊連結） 、 回到頂端 電話號碼／電子郵件／連結 依類型填。網址可用 /contact 或 https://\dots 。回到頂端不必填。 連結文字（選填） 僅「網址」類型。顯示在圖示左側，例如「加入官方 LINE」。留空則 只顯示圖示 。

欄位	說明
圖示	從圖示庫選。「回到頂端」固定上箭頭，不能改。
按鈕顏色	跟隨主題、品牌主色、色票，或自訂色塊。預設跟隨網站前景色。
類型名稱	無障礙名稱（螢幕閱讀器用）。例：聯絡我們、LINE 客服。網址類型未填連結文字時，不會顯示在圖示左側。
連結類型	電話（可撥號）、電子郵件（可寄信）、網址（可點擊連結）、回到頂端
電話號碼／電子郵件／連結	依類型填。網址可用 `/contact` 或 `https://…`。回到頂端不必填。
連結文字（選填）	僅「網址」類型。顯示在圖示左側，例如「加入官方 LINE」。留空則只顯示圖示。

用途 去哪裡 右下角永遠看得到的撥號／LINE 本頁快捷鈕 頁尾、聯絡資訊區塊自動帶出的電話／社群 如何設定聯絡與社群

用途	去哪裡
右下角永遠看得到的撥號／LINE	本頁快捷鈕
頁尾、聯絡資訊區塊自動帶出的電話／社群	如何設定聯絡與社群

兩處可以填同一組號碼，但請保持一致，避免訪客看到兩個不同電話。

客服聊天鈕與快捷鈕共用右下角。開了客服仍可保留電話／LINE 快捷鈕。見 如何設定智慧客服 。

指向 LINE 官方帳號／加好友的快捷鈕，前台點擊會送平台事件 contact_line 。要接到 GA4／Ads 見 如何對照追蹤事件 。

狀況 怎麼辦 看不到按鈕 沒開開關，或項目的電話／信箱／網址是空的。 想加第 6 個 已達上限，請合併或刪一列。 跟客服鈕重疊 不應各釘一顆；若異常請聯繫支援並說明瀏覽器與裝置。 顏色跟品牌不一樣 改「按鈕顏色」為品牌主色，或到 如何調整前台樣式 確認主色。