接住詢問與名單展開目錄
名單與生意

設定浮動聯絡按鈕:讓訪客一鍵用 LINE、電話、Messenger 聯絡你

第一次設定網站角落的聯絡按鈕,照這個順序做:打開開關、加入聯絡管道並排好順序、填對連結與按鈕說明、設定預填訊息、選展開方式與位置、加招呼語、限定營業時段與裝置、排除結帳頁,最後用手機實際按一遍,再到訪客分析看客人最常按哪一個。

約 12 分鐘最後複驗:2026-10-03負責維護:Growth Team · Help Center

完成後你會得到

公開網站每一頁的角落都有一組聯絡按鈕,訪客點一下就能開啟你的 LINE、撥電話或傳訊息;按鈕只在你想要的時段與裝置出現、不擋住結帳,你也看得到客人最常按哪一個。

開始前準備

  • 這是官網的功能;多連結頁(linkbio)本身就是一整頁聯絡卡,沒有浮動聯絡按鈕。
  • 準備好要放的聯絡資料:LINE 官方帳號的 @ID 或連結、電話、Email、粉專帳號,或其他網址。
  • 想看客人按了哪一顆,需要開啟「訪客分析」。開啟之前的點擊不會補算,建議一起先開。

操作步驟

1

第 1 步,共 8 步:打開設定頁,勾選「在公開網站顯示浮動聯絡按鈕」

到網站後台側欄的「網站設定」,點上方分頁的「浮動聯絡按鈕」。

最上面勾選「在公開網站顯示浮動聯絡按鈕」。這個開關只決定要不要顯示,取消勾選時你設好的管道都會保留,之後勾回來就能用。

先別急著按「儲存」:勾了但還沒有任何聯絡管道時,公開網站一樣不會出現按鈕,後台總覽也會提醒「浮動聯絡按鈕已開啟,但還沒加任何聯絡管道」。下一步先加管道。

完成結果: 看到「在公開網站顯示浮動聯絡按鈕」已勾選,下方有「外觀」「招呼語」「不顯示的頁面」「聯絡管道」幾個區塊。
2

第 2 步,共 8 步:新增聯絡管道,並把最常用的排在最上面

在「聯絡管道」區塊按「新增聯絡管道」,清單會多一列,預設類型是 LINE。用該列的類型選單換成你要的管道:LINE、電話、簡訊、Email、Facebook、Instagram、Messenger、門市位置、WhatsApp、Telegram 或「自訂連結」。

每一列就是公開網站上的一顆按鈕。要幾顆就新增幾列,不要的按該列右側的垃圾桶。

按住每一列最左側的拖曳握把,可以上下拖動調整順序;也可以用鍵盤選到握把後用方向鍵移動。清單右上角寫著「拖曳可調整順序 · 由下往上堆疊顯示」:清單最上面那一個,會出現在最靠近角落、最好按的位置。

類型選錯,平台就會組出錯的連結。例如把手機號碼填在「LINE」那一列,按下去不會撥號。
完成結果: 「聯絡管道」列出你要的每一個管道,最常用的排在第一列。
3

第 3 步,共 8 步:照每一列的說明填資料,再寫一句按鈕說明

換好類型後,輸入框的範例文字與下方說明會跟著換成該管道需要的格式,照著填最不容易出錯:

LINE:貼上 LINE 官方帳號連結,或 @ID(例:@yourid)。電話與簡訊:填號碼,例如 0912345678。Email:填信箱。Facebook:粉絲專頁 username,或直接貼粉專網址。Instagram:帳號名稱。Messenger:粉絲專頁 username。門市位置:填地址會開啟地圖導航,也可以直接貼 Google 地圖連結。WhatsApp:國碼加號碼,例如 886912345678。Telegram:使用者名稱。自訂連結:完整網址,一定要以 https:// 開頭。

選「自訂連結」時會多一個「按鈕圖示」,可以選對話、網站、預約、購物、電話、信件、地圖、營業時間、型錄/表單、評價或資訊,讓訪客一看就知道這顆是做什麼的。

每一列下面還有「按鈕說明(選填,例:LINE 線上諮詢)」。寫「按了會發生什麼」,例如「LINE 線上諮詢」「打電話給師傅」。桌機滑鼠移到按鈕上會顯示這段文字,底部橫條版型會直接顯示在圖示下方;留空就用預設文字,例如「LINE 聯絡」「電話聯絡」。

輸入框留空的那一列,按「儲存」時會被自動拿掉,不會變成一顆空按鈕。
「自訂連結」沒寫 https:// 時,瀏覽器會把它當成你網站裡的一頁,按下去會找不到頁面。
完成結果: 每一列都填好資料與一句看得懂的按鈕說明。
4

第 4 步,共 8 步:替 LINE、Email、簡訊等管道寫好預填訊息

LINE、Email、簡訊、WhatsApp、Messenger 這五種管道的列上,會多一格「預填訊息(選填,例:你好,我想詢問木地板施工)」。訪客點下去之後,這句話會先幫他打好在輸入框裡,他按送出就好,不必想第一句要說什麼。

用客人的口吻寫一句就好,例如「你好,我想詢問報價」。留空就不預填。

電話、門市位置、Facebook、Instagram、Telegram 與自訂連結沒有這一格:那些管道沒有可以帶入訊息的地方,給了也不會生效。

LINE 要填 @ID 才能預填;填 lin.ee 短連結或完整網址時,按下去只會開啟官方帳號,預填訊息不會出現。
完成結果: 需要的管道都有一句預填訊息。
5

第 5 步,共 8 步:選外觀、展開方式、位置,再加一句招呼語

在「外觀」區塊:「顯示樣式」選「右下圓鈕(一疊圖示按鈕)」適合大多數網站;選「底部橫條(圖示+文字,手機限定)」的話,手機在畫面底部顯示滿版聯絡列,桌機自動維持圓鈕。「顏色」建議「跟隨網站主色(推薦)」;想讓 LINE 是綠色、一眼認出,就選「各管道品牌原色(LINE 綠…)」。只想改某一顆的顏色,在該列勾「自訂顏色」再選色。

「展開方式」:管道 1~2 個用「全部展開(每個管道都看得到)」;3 個以上建議「收合成一顆鈕(點了才展開)」,手機畫面只露出一顆聯絡鈕,點了才展開全部管道。

「顯示位置」選「畫面右下角」或「畫面左下角」。有開網路商店時右下角已經有購物車浮動鈕,可以把聯絡鈕移到左邊。「距離底部」滑桿可以從 0 到 240 px 往上調,用來避開頁面下方其他固定的東西。

在「招呼語」填「招呼文字」,例如「有問題嗎?直接問我們」,再設「幾秒後出現」(0~60 秒,預設 3 秒)。訪客停留到這個秒數,聯絡鈕旁會跳出這句話主動招呼;招呼文字留空就不顯示。

訪客按叉叉關掉招呼語後,這次造訪就不會再出現;想再看一次要開新的瀏覽視窗。
招呼語跟著圓鈕走。選「底部橫條」時手機上沒有圓鈕,所以手機看不到招呼語,桌機仍會出現。
完成結果: 外觀、展開方式、位置與招呼語都依你的店選好。
6

第 6 步,共 8 步:限定營業時段與裝置,排除會被擋住的頁面

每一列都有「顯示裝置」:「手機與桌機都顯示」「只在手機顯示」「只在桌機顯示」。電話在桌機通常按不了,建議電話與簡訊選「只在手機顯示」。這裡的「手機」指的是窄螢幕,直拿的平板也算在內。

要讓某個管道只在營業時間出現,在該列的「顯示時段」點選星期幾(或按「週一~五」一次選好),再填開始與結束時間。時段外這顆按鈕會自動消失,按「清除」回到隨時顯示。沒選任何星期就是隨時顯示;開始與結束時間相同會被當成沒設定。

時段一律用台灣時間判斷,不看訪客人在哪裡。結束時間早於開始時間代表跨夜,例如 22:00~02:00 會一路顯示到隔天凌晨 2 點。訪客開著網頁跨過時間點時,按鈕也會自己更新。

最後看「不顯示的頁面」:一行填一個網址路徑,例如 /checkout,這些頁面就不會出現聯絡按鈕。路徑結尾加 * 代表整個區段,例如 /products* 會連同底下所有商品頁一起隱藏。只填路徑、不要填整個網址;開頭沒寫 / 平台會自動補上。留空=全站都顯示。

全部設定好後按頁面最下方的「儲存」。

所有管道都在時段外時,整組按鈕會暫時消失,這是正常的。
不要只填 /*,那會讓全站都隱藏,等於把按鈕關掉。
購物車、登入、註冊、忘記密碼與付款結果這類頁面,平台本來就不顯示這顆按鈕,不必自己加進清單。
完成結果: 按「儲存」後顯示「已儲存,公開網站已更新。」
7

第 7 步,共 8 步:用手機打開網站,每一顆都實際按一次

用手機開你的公開網站,確認按鈕出現在你選的角落,沒有擋住「加入購物車」「送出」這類重要按鈕。選了「收合成一顆鈕」的話,先點那顆鈕展開。

逐一點每一個管道:LINE 要開到你的官方帳號、電話要跳出撥號畫面、Email 要開寄信畫面、門市位置要開地圖。有寫預填訊息的,確認那句話已經打在輸入框裡。

設了營業時段的話,在時段內和時段外各開一次,確認按鈕有出現、也有消失。設了「不顯示的頁面」的話,到那幾頁看一次。

測試撥號與傳訊前先確認對象,避免真的送出訊息或撥出電話給別人。
完成結果: 每一顆按鈕都開到正確的 App、撥號畫面、寄信畫面或網址,而且沒有擋住重要按鈕。
8

第 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 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。

發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。

相關操作說明

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。