關於此工具
這個工具允許網站所有者輕鬆添加 LINE 官方帳號按鈕,以便訪客可以一鍵添加您的 LINE 官方帳號。
只需引入我們EILIS的 JavaScript 文件並設置您的 LINE 官方帳號 ID,即可在您的網站上顯示這個懸浮按鈕。
這個網站展示了如何添加一個懸浮的 LINE 官方帳號按鈕。
滾動頁面查看右下角的懸浮按鈕效果。
這個工具允許網站所有者輕鬆添加 LINE 官方帳號按鈕,以便訪客可以一鍵添加您的 LINE 官方帳號。
只需引入我們EILIS的 JavaScript 文件並設置您的 LINE 官方帳號 ID,即可在您的網站上顯示這個懸浮按鈕。
<!-- 在網頁底部添加以下代碼 -->
<script src="https://static.eilis-ai.app/js/v1/line-floating-button.js?lineId=YOUR_LINE_ID"></script>
| 參數 | 說明 | 默認值 |
|---|---|---|
| lineId | LINE 官方帳號 ID | 必填 |
| size | 按鈕大小 | 60px |
| bottom | 距離底部的位置 | 20px |
| right | 距離右側的位置 | 20px |
| zIndex | CSS 層級 | 9999 |
<script src="https://static.eilis-ai.app/js/v1/line-floating-button.min.js?lineId=YOUR_LINE_ID&size=80px&bottom=30px&right=30px&zIndex=9999"></script>
使用前請確保:
lineId 參數</body> 標籤前,以確保頁面完全加載後再顯示按鈕img/line_icon.png 文件