本篇文章主要介紹別墅這款浮動元素插件的使用教程，可以整合多種聯繫方式，極大程度的提升網站的轉換率。
什麼是浮動按鈕/元素？
浮動按鈕（Floating Button）或浮動元素，是一種在網頁上隨頁面滾動而固定位置的介面元素。它通常位於頁面的某個角落（一般就是在右下角），始終可見，不會隨著頁面內容的滾動而消失或被遮蔽。浮動按鈕可以用來提供便利的操作入口，適合放置WhatsApp連結、Email喚醒連結、電話號碼、社媒按鈕等，算是非常重要的轉換入口。
浮動按鈕的特徵：
- 固定位置：浮動按鈕不會隨頁面滾動而消失，始終保持在螢幕的某個固定位置，確保使用者可以隨時存取。
- 快速存取：它提供使用者方便的操作入口，例如點擊聊天按鈕直接跳到WhatsApp對話或是發起郵件。
- 視覺突出：由於浮動按鈕通常具有顯眼的圖示或顏色，使其成為使用者註意的焦點，促進轉換。
- 個性化客製化：浮動按鈕通常支援自訂位置、顏色、大小等設置，以適應網站或品牌的設計風格。
安裝Chaty Pro插件
安裝Chaty Pro前需要準備插件的安裝包，可以在Chaty Pro官網購買，也可以選擇在Well建站購買GPL版的Chaty Pro。
拿到外掛式壓縮包後，再在WordPress後台透過上傳安裝外掛的方式安裝Chaty Pro。
特定操作路徑：外掛程式– 安裝外掛程式– 上傳外掛程式– 選擇檔案– 立即安裝。
安裝後記得啟用外掛。
配置Chaty Pro插件
Chaty Pro插件配置起來也是非常簡單的，當我們啟用插件後就會看到提示↓
點擊“Create Widget”以建立小元件。
第一步：先為這個小組件命名，名字隨意，是在後台給自己看的。 ↓
然後選擇所需的浮動按鈕，再為對應的按鈕填寫資訊。
第二步：設定浮動元素的樣式。 ↓
樣式根據自己網站的整體設計風格調整即可，也可以先不做設置，直接進入下一步，最後在回來調整樣式。
第三步：設定該小元件的觸發條件，如果你想在整個網站顯示，就不要做任何設定。 ↓
有多種觸發條件可以設置，Well這裡列舉幾個：
- 頁面載入後幾秒後顯示
- 訪客離開頁面時顯示
- 頁面捲動到指定位置時顯示
- 只在具體的頁面上顯示
- 在某個選定的日期顯示
- 現實給選定國家的訪客顯示
第三步其實已經可以保存了，因為第四步Well認為沒有必要↓
第四步是Chaty Pro在推自家的即時聊天，如果你有即時聊天的需求，Well建議大家可以參考這篇Tawk.to教學實現免費的網站即時聊天功能。
最後點選右上角的「Save Widget」儲存小元件。
這時候就能在網站前台看到Chaty Pro浮動按鈕的具體效果。
Chaty Pro浮動按鈕效果展示
滑鼠停留在按鈕上可以顯示對應的訊息，點擊WhatsApp可以跳到WA對話，點擊Email可以喚醒寄件。
谷歌一鍵登入