如何在 WordPress 放入全站的浮動按鈕?浮動按鈕外掛推薦

  • 發布日期2023.06.15
  • 文章分類網站知識

浮動按鈕是一種方便實用的網站設計元素,可以為使用者提供更好的使用體驗和導覽效率。浮動按鈕通常以固定的位置顯示在網頁上,當使用者滾動頁面時,按鈕會保持可見,方便使用者隨時點擊進行相應的操作,如返回頂部、分享內容、聯繫客服等。此外,浮動按鈕還可以在網站上引導使用者,提高網站的轉換率和互動性。

本文將介紹一些常見的 WordPress 浮動按鈕外掛,請確保你擁有網站安裝外掛權限,才能夠順利安裝這些外掛。

Floating Action Button

Floating Action Button 是一款免費且輕量級的 WordPress 外掛,它可以讓你在 WordPress 前台頁面中顯示漂亮的浮動操作按鈕。當訪客觸碰或是滑鼠懸停在主按鈕上後,它會彈出顯示一排具有詳細資訊的子按鈕。

Floating Action Button WordPress 外掛官方網站

此外掛提供 9 種類型的按鈕,雖然它官方是說功能不同,但其實只是在輸入驗證上時會協助你把關你的輸入格式,事實上在呈現沒有任何的不同。

Floating Action Button 外掛操作介面

這個外掛允許你設定浮動按鈕在上下左右四個不同的位置,以及每個浮動按鈕自訂的圖示以及內容。這裡的內容指的不是直接點擊圖示的連結,而是這個點擊浮動按鈕後會出現一個新的視窗中顯示的內容,點擊該內容後才會連結到目標。

外掛優點:免費,容易操作

外掛缺點:沒有內建圖示,需要自己準備圖示。除此之外因為沒辦法直接顯示連結目標,訪客操作需要有四層步驟:1 點擊主選單展開子按鈕、2 點擊子按鈕顯示內容、3 點顯示出來的內容後導向最終連結。

WordPress 外掛連結:https://tw.wordpress.org/plugins/floating-action-button/

Chaty

Chaty 是一款多管道的浮動按鈕工具,他與多種大型管道的完整整合讓你可以做出強大的浮動按鈕效果,例如 WhatsApp 的整合讓你可以直接在上面與訪客進行對話。好用美觀的介面讓你可以快速的管理浮動按鈕工具。

目前 Chaty 的外掛雖然是免費且沒有浮動按鈕的數量限制,但免費的外掛僅能允許每個月 500 個訪客瀏覽,如果你的網站已經超出這個數字,你就得購買升級方案。

規格/版本 Free Basic Pro Growth
訪問人次 500 訪問人次 10,000 訪問人次 50,000 訪問人次 150,000 訪問人次
費用 免費 15 美金 39 美金 79 美金

資訊內容來自 Chaty 價格表

Chaty 外掛操作頁面

外掛優點:美觀且容易操作

外掛缺點:依訪客數計費,費用昂貴

外掛官網:https://chaty.app/

Sticky Button

WordPress 外掛 Sticky Buttons 可讓你增加無限量的浮動項目,並且內建整合 1500多種Font Awesome 5圖標,你可以選擇浮動按鈕出現在頁面左側或右側。

Sticky Button 外掛頁面

外掛本身是免費的,已具備有所有基本功能。付費版本可以讓你有更多客製化的設定,例如免費版只能設定浮動按鈕的位置在上下左右四個的地方,但付費版可以讓你設定在 12 個不同的地方。其他還有可翻譯功能、指定日期區間排程顯示功能、特定頁面條件顯示功能...等,詳細的付費功能可以參考 Sticky Button 的官方網站

Sticky Button 操作介面

WordPress 外掛連結:https://wordpress.org/plugins/sticky-buttons/

外掛優點:免費,基本功能足夠使用。

外掛缺點:如果你有比較進階的使用需求,那麼只能選擇付費。