浮動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>
安裝說明
- 登入WordPress後台
- 進入「外觀」→「自訂」→「附加CSS」
- 貼上以上代碼
- 發布即可