設定浮動聯絡按鈕:讓訪客一鍵用 LINE、電話、Messenger 聯絡你
第一次設定網站角落的聯絡按鈕,照這個順序做:打開開關、加入聯絡管道並排好順序、填對連結與按鈕說明、設定預填訊息、選展開方式與位置、加招呼語、限定營業時段與裝置、排除結帳頁,最後用手機實際按一遍,再到訪客分析看客人最常按哪一個。
完成後你會得到
公開網站每一頁的角落都有一組聯絡按鈕,訪客點一下就能開啟你的 LINE、撥電話或傳訊息;按鈕只在你想要的時段與裝置出現、不擋住結帳,你也看得到客人最常按哪一個。
開始前準備
- 這是官網的功能;多連結頁(linkbio)本身就是一整頁聯絡卡,沒有浮動聯絡按鈕。
- 準備好要放的聯絡資料:LINE 官方帳號的 @ID 或連結、電話、Email、粉專帳號,或其他網址。
- 想看客人按了哪一顆,需要開啟「訪客分析」。開啟之前的點擊不會補算,建議一起先開。
操作步驟
第 1 步,共 8 步:打開設定頁,勾選「在公開網站顯示浮動聯絡按鈕」
到網站後台側欄的「網站設定」,點上方分頁的「浮動聯絡按鈕」。
最上面勾選「在公開網站顯示浮動聯絡按鈕」。這個開關只決定要不要顯示,取消勾選時你設好的管道都會保留,之後勾回來就能用。
先別急著按「儲存」:勾了但還沒有任何聯絡管道時,公開網站一樣不會出現按鈕,後台總覽也會提醒「浮動聯絡按鈕已開啟,但還沒加任何聯絡管道」。下一步先加管道。
第 2 步,共 8 步:新增聯絡管道,並把最常用的排在最上面
在「聯絡管道」區塊按「新增聯絡管道」,清單會多一列,預設類型是 LINE。用該列的類型選單換成你要的管道:LINE、電話、簡訊、Email、Facebook、Instagram、Messenger、門市位置、WhatsApp、Telegram 或「自訂連結」。
每一列就是公開網站上的一顆按鈕。要幾顆就新增幾列,不要的按該列右側的垃圾桶。
按住每一列最左側的拖曳握把,可以上下拖動調整順序;也可以用鍵盤選到握把後用方向鍵移動。清單右上角寫著「拖曳可調整順序 · 由下往上堆疊顯示」:清單最上面那一個,會出現在最靠近角落、最好按的位置。
第 3 步,共 8 步:照每一列的說明填資料,再寫一句按鈕說明
換好類型後,輸入框的範例文字與下方說明會跟著換成該管道需要的格式,照著填最不容易出錯:
LINE:貼上 LINE 官方帳號連結,或 @ID(例:@yourid)。電話與簡訊:填號碼,例如 0912345678。Email:填信箱。Facebook:粉絲專頁 username,或直接貼粉專網址。Instagram:帳號名稱。Messenger:粉絲專頁 username。門市位置:填地址會開啟地圖導航,也可以直接貼 Google 地圖連結。WhatsApp:國碼加號碼,例如 886912345678。Telegram:使用者名稱。自訂連結:完整網址,一定要以 https:// 開頭。
選「自訂連結」時會多一個「按鈕圖示」,可以選對話、網站、預約、購物、電話、信件、地圖、營業時間、型錄/表單、評價或資訊,讓訪客一看就知道這顆是做什麼的。
每一列下面還有「按鈕說明(選填,例:LINE 線上諮詢)」。寫「按了會發生什麼」,例如「LINE 線上諮詢」「打電話給師傅」。桌機滑鼠移到按鈕上會顯示這段文字,底部橫條版型會直接顯示在圖示下方;留空就用預設文字,例如「LINE 聯絡」「電話聯絡」。
第 4 步,共 8 步:替 LINE、Email、簡訊等管道寫好預填訊息
LINE、Email、簡訊、WhatsApp、Messenger 這五種管道的列上,會多一格「預填訊息(選填,例:你好,我想詢問木地板施工)」。訪客點下去之後,這句話會先幫他打好在輸入框裡,他按送出就好,不必想第一句要說什麼。
用客人的口吻寫一句就好,例如「你好,我想詢問報價」。留空就不預填。
電話、門市位置、Facebook、Instagram、Telegram 與自訂連結沒有這一格:那些管道沒有可以帶入訊息的地方,給了也不會生效。
第 5 步,共 8 步:選外觀、展開方式、位置,再加一句招呼語
在「外觀」區塊:「顯示樣式」選「右下圓鈕(一疊圖示按鈕)」適合大多數網站;選「底部橫條(圖示+文字,手機限定)」的話,手機在畫面底部顯示滿版聯絡列,桌機自動維持圓鈕。「顏色」建議「跟隨網站主色(推薦)」;想讓 LINE 是綠色、一眼認出,就選「各管道品牌原色(LINE 綠…)」。只想改某一顆的顏色,在該列勾「自訂顏色」再選色。
「展開方式」:管道 1~2 個用「全部展開(每個管道都看得到)」;3 個以上建議「收合成一顆鈕(點了才展開)」,手機畫面只露出一顆聯絡鈕,點了才展開全部管道。
「顯示位置」選「畫面右下角」或「畫面左下角」。有開網路商店時右下角已經有購物車浮動鈕,可以把聯絡鈕移到左邊。「距離底部」滑桿可以從 0 到 240 px 往上調,用來避開頁面下方其他固定的東西。
在「招呼語」填「招呼文字」,例如「有問題嗎?直接問我們」,再設「幾秒後出現」(0~60 秒,預設 3 秒)。訪客停留到這個秒數,聯絡鈕旁會跳出這句話主動招呼;招呼文字留空就不顯示。
第 6 步,共 8 步:限定營業時段與裝置,排除會被擋住的頁面
每一列都有「顯示裝置」:「手機與桌機都顯示」「只在手機顯示」「只在桌機顯示」。電話在桌機通常按不了,建議電話與簡訊選「只在手機顯示」。這裡的「手機」指的是窄螢幕,直拿的平板也算在內。
要讓某個管道只在營業時間出現,在該列的「顯示時段」點選星期幾(或按「週一~五」一次選好),再填開始與結束時間。時段外這顆按鈕會自動消失,按「清除」回到隨時顯示。沒選任何星期就是隨時顯示;開始與結束時間相同會被當成沒設定。
時段一律用台灣時間判斷,不看訪客人在哪裡。結束時間早於開始時間代表跨夜,例如 22:00~02:00 會一路顯示到隔天凌晨 2 點。訪客開著網頁跨過時間點時,按鈕也會自己更新。
最後看「不顯示的頁面」:一行填一個網址路徑,例如 /checkout,這些頁面就不會出現聯絡按鈕。路徑結尾加 * 代表整個區段,例如 /products* 會連同底下所有商品頁一起隱藏。只填路徑、不要填整個網址;開頭沒寫 / 平台會自動補上。留空=全站都顯示。
全部設定好後按頁面最下方的「儲存」。
/*,那會讓全站都隱藏,等於把按鈕關掉。第 7 步,共 8 步:用手機打開網站,每一顆都實際按一次
用手機開你的公開網站,確認按鈕出現在你選的角落,沒有擋住「加入購物車」「送出」這類重要按鈕。選了「收合成一顆鈕」的話,先點那顆鈕展開。
逐一點每一個管道:LINE 要開到你的官方帳號、電話要跳出撥號畫面、Email 要開寄信畫面、門市位置要開地圖。有寫預填訊息的,確認那句話已經打在輸入框裡。
設了營業時段的話,在時段內和時段外各開一次,確認按鈕有出現、也有消失。設了「不顯示的頁面」的話,到那幾頁看一次。
第 8 步,共 8 步:到訪客分析看客人最常按哪一顆
先確認「訪客分析」已經開啟:沒開的話,到「網站設定」的「功能開關」勾選「訪客分析」,按「儲存功能設定」。開啟之後,平台才開始記錄聯絡按鈕的點擊。
過幾天後到「訪客分析」頁,往下找「主動聯絡」區塊裡的「聯絡管道」,會列出這段期間每個管道被按了幾次。瀏覽量說的是有多少人來過,這裡說的是有多少人真的想找你。
用這個數字回頭調整:被按最多的管道拖到清單最上面;幾乎沒人按的,可以拿掉,讓按鈕組更清爽。
常見問題
- 已經勾選顯示,公開網站卻沒有按鈕
- 依序檢查:①「聯絡管道」是不是至少有一列有填資料(空的列儲存時會被拿掉)② 有沒有按「儲存」並看到「已儲存,公開網站已更新。」③ 現在這一頁有沒有列在「不顯示的頁面」④ 是不是每個管道都設了「顯示時段」而現在剛好不在時段內 ⑤「顯示裝置」是不是限定了另一種裝置。
- 按鈕出現了,但點下去沒反應或開到錯的地方
- 回後台檢查那一列的類型和格式:「自訂連結」要寫完整網址並以 https:// 開頭;WhatsApp 要填國碼加號碼,例如 886912345678,不要用 09 開頭的本地格式。改好按「儲存」,再到公開網站實際點一次。
- LINE 預填訊息沒有出現
- 預填只在 LINE 填 @ID 時有效;填 lin.ee 短連結或完整網址時,按下去只會開啟官方帳號。把那一列改成 @ID 後按「儲存」。
- 找不到「預填訊息」那一格
- 只有 LINE、Email、簡訊、WhatsApp、Messenger 有這一格。電話、門市位置、Facebook、Instagram、Telegram 和自訂連結沒有可以帶入訊息的地方,所以不會顯示。
- 浮動按鈕擋住購物車或結帳按鈕
- 把「顯示位置」改成「畫面左下角」、把「距離底部」往上調,或把那一頁的路徑加進「不顯示的頁面」。
- 選了「底部橫條」,桌機卻還是圓鈕
- 這是設計如此:底部橫條是手機限定,桌機會自動維持圓鈕,不佔版面。
- 晚上按鈕還在,或白天按鈕不見了
- 時段以台灣時間判斷。確認那一列有點選星期幾、開始與結束時間不一樣;結束時間早於開始時間代表跨夜,會一路顯示到隔天的結束時間。
這篇如何保持正確
- 負責人
- Growth Team · Help Center
- 複驗節奏
- 最後複驗 2026-10-03;下次應於 2026-12-02 前完成
- 驗證依據與邊界
- 本文依 10 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。
發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。
