網站設計時千萬不要忘記呼籲行動(CTA),所以貴設計一定要跟你分享如何在WordPress網站上,安裝WordPress浮動選單按鈕外掛,讓網站訪客在瀏覽頁面時,隨時都能看到聯絡與詢價入口。透過固定顯示的按鈕,訪客不必重新尋找聯絡資訊,就能快速前往指定頁面或聯絡管道。
WordPress Float Menu 是一款可以將聯絡按鈕固定顯示在網站側邊的浮動選單外掛,適合放置 LINE、電話、社群媒體與詢價連結。Float Menu Lite 可設定按鈕位置、圖示、文字、顏色及連結,讓客戶在瀏覽網站時快速找到你。它也能搭配一般的WordPress主選單使用,讓主要網站導覽與聯絡 CTA 各自發揮功能。如果還在規劃網站外掛,可以參考這份WordPress外掛推薦清單,了解不同外掛的用途。
浮動選單是什麼
浮動選單(也稱為固定選單或黏性選單)是一種在網頁設計中常見的功能,它使選單或按鈕在頁面滾動時,仍保持在瀏覽器視窗的固定位置。依照設定方式,可以顯示在畫面頂部、左側或右側,不一定只能放在網站最上方。即使用戶滾動到網頁的其他部分,選單仍然可見且可訪問。安裝浮動選單的優點有:
- 方便導航:浮動選單通常固定在頁面頂部或側邊,即使用戶向下滾動頁面,也能隨時快速訪問選單選項,提升導航的便利性。
- 提升用戶體驗:當用戶在瀏覽長篇內容或多層級頁面時,浮動選單讓他們能快速回到首頁或其他主要頁面,減少操作步驟,體驗更流暢。
- 增加重要內容的可見度:如果浮動選單包含聯絡方式、購物車、登入按鈕等重要資訊,用戶可以隨時點擊,方便使用網站功能。
- 縮短聯絡路徑:固定 CTA 可減少尋找按鈕的步驟,但不保證轉換率提升。是否有效仍需分開觀察按鈕點擊、有效詢問與實際成交。
- 提升品牌識別:浮動選單可以保持網站的品牌標識(如 LOGO)始終顯示,增加用戶對品牌的認識和印象。
- 跨設備友好:在手機或平板等小螢幕設備上,浮動選單提供一致的導航體驗,讓用戶在任何裝置上都可以輕鬆訪問網站的主要內容,但必須注意按鈕尺寸與顯示位置。
- 易於實施和管理:許多網站建設工具(如 WordPress)都有浮動選單的功能或外掛,容易上手和自訂,不需要深入的技術知識。
浮動選單與一般 WordPress 主選單並不完全相同。主選單主要負責網站頁面導覽,Float Menu 則適合放置需要隨時被看見的聯絡入口或重要操作按鈕。兩者可以同時使用,但應避免在相同位置重複顯示,影響訪客閱讀。
WordPress浮動選單外掛-Float Menu Lite
WordPress浮動選單外掛 Float Menu Lite 是一款可供使用者建立側邊浮動按鈕的外掛,可以選擇放置在網站畫面的左側或右側,讓選單在使用者上下滑動頁面時持續顯示。Float Menu 可設定連結、圖示、顏色及位置;是否符合需求應以目前版本及方案確認。本文保留舊版 Lite 截圖,按鈕名稱與配置可能不同;請從WordPress 官方外掛目錄的 Float Menu(Wow-Company)核對外掛來源、版本與功能,不以安裝數保證安全或相容性。
如果還不確定網站應該安裝哪些外掛,可以參考如何選擇WordPress外掛與外掛安裝注意事項。如果希望先了解備份、安全與網站效能方面的基本外掛,也可以閱讀WordPress必裝外掛精簡推薦清單,再依照網站實際需求挑選。
Float Menu 適合需要讓聯絡資訊持續顯示的企業形象網站、服務介紹網站及內容型網站。如果網站本身已經有固定的側邊欄或其他聯絡按鈕,建議先檢查是否有功能重複的情況,再決定是否安裝。
在WordPress安裝 Float Menu Lite外掛
首先安裝外掛,進入 WordPress 後台,選擇「外掛」➔「安裝外掛」。
- 搜尋 Float Menu,確認作者為 Wow-Company。
- 按「立即安裝」➔「啟用」。

- 按啟用後,畫面會跳到「已安裝外掛」,請至左側功能選單找「Wow Plugins」➔「Float Menu Lite」。

外掛教學完整步驟請參考 如何安裝WordPress外掛。
安裝完成後,建議先確認外掛是否能正常啟用,以及目前使用的 WordPress 版本、佈景主題與其他外掛是否相容。若網站已有類似的固定按鈕功能,不建議重複安裝多個功能相近的外掛。
Float Menu Lite 外掛設定
開始設定希望放置的浮動選單連結。因為免費版本提供的功能可能與 Pro 版本不同,有些進階設定無法修改,以下介紹基本按鈕設定方式。
- 開始新增選單 ➔「Add new」➔「Register an item name」(名稱,不會顯示)➔「Position」(選擇左側或右側)。

- 新增按鈕 ➔「Menu」➔「Add item」。

- 按鈕設定,可設定圖示、文字、連結、是否開啟新頁面、文字顏色及背景色。建議按鈕文字使用清楚的行動指示,例如「LINE 聯絡」、「立即詢價」或「電話諮詢」,不要只使用訪客難以辨識的圖示。

- 最右下角有一個 ➔「Publish」➔「Save」儲存,就完成一個按鈕了。如果想新增更多按鈕,就在下方繼續按「Add item」即可。

- 前台顯示。儲存後可以開啟網站前台,確認按鈕是否出現在預期的位置,以及點擊後是否能正確開啟指定連結。

如果要放置 LINE、電話或詢價按鈕,應確認連結格式及實際目的地正確。例如電話按鈕應能在手機上正常啟動撥號功能,LINE 按鈕則應連到正確的聯絡頁面。按鈕文字也要讓使用者清楚知道點擊後會發生什麼事。
上線前務必以手機與桌機分別檢查 LINE、電話及詢價連結是否正常,並確認按鈕不會遮住表單、購物車、主要導覽或 Cookie 提示。圖示應搭配可理解的文字標籤,鍵盤也應能操作。若手機畫面過於擁擠,可以減少按鈕數量或調整顯示位置,避免影響閱讀體驗。
另外,建議使用不同裝置及瀏覽器實際測試浮動按鈕。不能只確認後台已儲存就認定設定完成,因為前台顯示仍可能受到佈景主題、快取或其他外掛影響。
Float Menu Pro 付費版
只有需要進階顯示規則、次選單或自訂圖示時,再評估 Pro;免費版已能提供基本浮動連結,不必為了增加聯絡按鈕就直接購買。
依官方目前功能說明,Pro 包含次選單、自訂圖示、進階顯示規則與部分互動功能。實際可使用的功能仍應以購買當下的官方方案說明為準。購買前應核對授權網站數、續約條件及目前功能表,不要把舊截圖當成現行方案保證。
如果網站只需要固定顯示 LINE、電話或詢價連結,建議先使用免費版測試,確認實際操作符合需求後,再評估是否需要升級。若需要依照不同頁面、裝置或訪客情境調整按鈕顯示方式,才進一步比較 Pro 提供的進階功能。
若既有版型與浮動按鈕互相遮擋,或需要規劃詢價流程,可洽貴設計進行WordPress CTA 與外掛相容性需求諮詢。
常見問題
以下為WordPress Float Menu相關常見問題,幫助你快速理解所有WordPress Float Menu的概念。
Q1:WordPress 浮動選單是什麼?
WordPress 浮動選單(Float Menu)是一種固定在畫面側邊或頂部的按鈕選單,當使用者滾動頁面時,選單仍會保持在視窗固定位置,方便訪客快速點擊聯絡、詢價或查看重要功能。與一般主選單不同,浮動選單主要用來讓重要操作入口持續顯示。
Q2:浮動選單對網站有什麼好處?
浮動選單可以讓重要的 CTA(Call To Action)按鈕始終保持在使用者視野內,例如 LINE 聯絡、電話、詢價表單或購物車。主要目的是縮短訪客尋找聯絡入口的時間,但是否增加有效詢問仍需驗證,也要避免按鈕遮住網站內容。
Q3:什麼是 Float Menu Lite 外掛?
Float Menu Lite 是一款 WordPress 浮動選單外掛,可以在網站左側或右側顯示浮動按鈕。使用者可以加入聯絡連結、社群媒體或其他功能按鈕,並設定圖示、文字及顏色,讓訪客快速與網站主聯絡。
Q4:如何安裝 Float Menu Lite 外掛?
在 WordPress 後台前往「外掛 → 安裝外掛」,搜尋「Float Menu」,確認作者為 Wow-Company,再點擊「立即安裝」並啟用。安裝完成後進入 Float Menu 設定頁面;本文舊版截圖的選單位置與操作名稱可能和目前版本不同。
Q5:Float Menu Lite 外掛如何設定按鈕?
進入 Float Menu Lite 設定頁面後,點擊「Add new」建立選單,再選擇「Add item」新增按鈕。可以設定圖示、文字、連結、顏色以及是否開啟新視窗。完成後按下「Publish」及「Save」儲存,並到網站前台確認顯示位置與連結是否正常。
Q6:Float Menu Lite 免費版與 Pro 版差在哪?
Float Menu Lite 免費版已提供基本浮動按鈕功能,例如設定連結、圖示與顏色。Pro 版則提供更多進階設定,例如次選單、自訂圖示及進階顯示規則等。實際功能會依官方目前版本與方案調整,購買前應先確認官方功能清單及授權條件。
Q7:浮動選單一定能提高網站轉換率嗎?
不一定。浮動選單可以縮短聯絡路徑,但也可能遮擋手機內容或干擾閱讀。應分別觀察按鈕點擊、有效詢問與成交,並在相近流量來源及完整期間比較;沒有本站驗證數據,就不能宣稱一定能提升多少轉換率。
Q8:WordPress Float Menu 可以在手機上使用嗎?
可以將浮動選單顯示在手機網站上,但實際位置、尺寸與裝置顯示規則,應依目前外掛版本及方案提供的設定確認。建議在手機前台測試按鈕是否容易點擊、有沒有遮住文章、表單或購物車。如果手機畫面太擁擠,可以減少按鈕數量或調整位置。
Q9:Float Menu 可以加入 LINE、電話或 Email 聯絡按鈕嗎?
可以利用按鈕的連結設定,加入 LINE 聯絡網址、電話撥號連結或 Email 郵件連結。設定完成後,應分別使用手機與桌機測試,確認 LINE 能開啟正確的聯絡頁面、電話按鈕能啟動撥號,以及 Email 按鈕能正常開啟郵件程式。
Q10:Float Menu 可以取代 WordPress 原本的主選單嗎?
不建議直接取代。WordPress 主選單主要負責首頁、服務介紹、文章分類等網站導覽,Float Menu 則適合放置 LINE、電話及詢價等重要 CTA。兩者可以同時使用,但應避免功能重複或位置重疊,讓訪客能清楚區分網站導覽與聯絡操作。











