浮動LINE客服按鈕代碼

浮動LINE客服按鈕代碼

請將以下代碼複製到您網站的 Footer 或 wp-footer hook 中:

<!-- 浮動LINE客服按鈕 -->
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;">
    <a href="https://line.me/R/ti/p/@mmshop888" target="_blank" style="display:block;background:#06c755;color:#fff;padding:15px 20px;border-radius:50px;font-size:16px;font-weight:bold;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,0.3);">
        <span style="font-size:20px;">💬</span> LINE客服
    </a>
</div>

<!-- 浮動電話按鈕 -->
<div style="position:fixed;bottom:80px;right:20px;z-index:9999;">
    <a href="tel:0800-781-688" style="display:block;background:#ff6b6b;color:#fff;padding:15px 20px;border-radius:50px;font-size:16px;font-weight:bold;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,0.3);">
        <span style="font-size:20px;">📞</span> 電話諮詢
    </a>
</div>

安裝說明

  1. 登入WordPress後台
  2. 進入「外觀」→「自訂」→「附加CSS」
  3. 貼上以上代碼
  4. 發布即可