快速答案:浮動按鈕不見或要換帳號,第一步都是找出它是誰產生的:按鈕外掛、佈景設定、Elementor 範本,還是一段程式碼,換帳號就是在那裡把連結換掉。按鈕不見多半是外掛停用或更新出錯、優化外掛延遲載入 JS,或手機版被隱藏、被其他浮動元件蓋住。FB 的 Messenger 聊天視窗則是 Meta 已在 2024 年停止提供,只能改成連到 Messenger 的一般按鈕。
為什麼會這樣 #
網站角落那排 LINE、FB、電話按鈕看起來都一樣,來源卻有好幾種:Chaty 這類聯絡按鈕外掛、佈景內建的浮動按鈕、Elementor 的彈出視窗或固定區塊、貼在頁尾的程式碼片段,或 LINE、Meta 提供的外部語法。來源不同,壞的方式和要改的地方就不同,這也是「想換號碼卻找不到入口」的原因。
按鈕消失除了外掛本身出狀況,常見的還有優化外掛把 JavaScript 延到訪客操作後才載入、手機版的裝置顯示沒勾,或被 Cookie 橫幅疊住。FB 那顆若是嵌入的 Messenger 聊天視窗,則是 Meta 停止提供網站用的聊天外掛而整個消失,網站本身並沒有壞。
怎麼處理 #
- 找來源:在按鈕上按右鍵「檢查」,看它的 class 名稱,通常就帶著外掛名;再到後台對照外掛清單、Elementor → 範本(彈出視窗、頁尾)、程式碼片段外掛與佈景設定。
- 換 LINE 帳號:到 LINE 官方帳號的管理後台取得新帳號的加入好友連結或 QR code,貼到按鈕的連結欄。手機點了要能直接開 LINE,電腦點了要看得到 QR code。
- 換 FB:Messenger 按鈕連到 m.me/粉專使用者名稱,原本嵌入聊天視窗的也改成這種連結按鈕。
- 換 WhatsApp 號碼:連結是 wa.me 後面接國碼與號碼,不加「+」、開頭的 0 與連字號,台灣手機就是 886 接上去掉 0 的號碼。
- 按鈕還在、圖示不見:多半是圖示字型沒載入,查優化外掛有沒有移除字型檔,或 Elementor 的圖示相關設定剛被改過。
- 只有手機看不到:看外掛的裝置顯示設定、優化外掛的延遲載入排除清單,再用手機實際捲動看是否被別的元件蓋住,必要時調整按鈕位置。
- 改完清快取,手機與電腦各點一次;頁尾、聯絡我們頁上的同一個連結也一起換掉。
我們實際遇過的情況 #
一家客戶反映網站右下角的 LINE 官方帳號與臉書快捷按鈕不見了,我們改用 Chaty 重建。同一家稍早也遇過網頁版下方的社群按鈕消失好幾天才被發現,當時換了一支新外掛重做,並調整 CSS 把頁面上的警語移到最底部。站長自己很少去點這些按鈕,壞了往往要等客人說才知道。
替一個站加新的 LINE 社群浮動按鈕時,右下角已經有一排 FB、Messenger、LINE 客服按鈕,所以新按鈕在電腦版放左下、手機版改成貼底的橫幅,避開既有元件。也有客戶是只有 LINE 圖示不見、或只有手機版的 LINE 按鈕消失,分別照上面第 5、6 步查。
什麼時候該找人 #
按鈕是佈景或前一位外包寫死在程式裡、找不到設定入口;多語站要每種語言各一組按鈕;或連頁尾、選單也一起不見——最後這種通常是佈景或外掛更新出錯,要從錯誤紀錄查。多語站的做法見多語站的浮動按鈕與表單通知;改了連結前台沒變,看快取要清哪幾層。
WPTOOLBEAR網站工具熊