網站新增浮動按鈕 教學文

如要新增網站右下角的浮動按鈕(電話、FB、LINE等等)


可至後台範本>Theme Builder>Footer>編輯>Floating Chat Buttons>ltems>發布>快取。

補充:畫面中 Elementor「Floating Chat Buttons」設定欄位的中文翻譯與說明,方便你在後台理解每個功能:
Positioning

Positioning = 位置設定

英文中文
Position位置
Inline內嵌顯示
Alignment對齊方式
Right靠右

說明:

  • Inline(內嵌)
    按鈕會跟頁面內容一起排版。
  • Fixed(固定)
    按鈕會固定在畫面某個位置(通常右下角)。

General

General = 一般設定

通常會包含:

  • 按鈕大小
  • 圖示
  • 顏色
  • 顯示方式

Message Text Container

Message Text Container = 訊息文字區塊

設定:

  • 提示文字
  • 客服提示
  • 滑鼠移入顯示文字

例如:

需要幫忙嗎?
聯絡客服
立即諮詢

Items

Items = 聯絡按鈕項目

這裡可以新增聊天方式,例如:

  • LINE
  • WhatsApp
  • Messenger
  • 電話
  • Email

每一個按鈕都可以設定:

圖示
名稱
連結

Advanced

Advanced = 進階設定

通常包含:

  • Margin(外距)
  • Padding(內距)
  • 動畫效果
  • 顯示條件
  • CSS設定

Wrapper Link

Wrapper Link = 外層連結

可以設定:

整個按鈕區塊點擊後
跳轉到指定網址。

例如:

https://line.me/xxxx

建議設定

如果是診所網站,建議設定:

Position
Fixed
Alignment
Right

這樣會變成:

👉 右下角浮動客服按鈕

常見放:

  • LINE諮詢
  • 電話預約
  • Messenger