透過 4 個簡單步驟了解使用 Elfsight 在 Webflow 網站中插入 WhatsApp 聊天小工具的流程：
- 在 Elfsight 中產生小部件
- 複製程式碼
- 將程式碼嵌入Webflow中
- 最終確定並測試
如果您還沒有設定 精靈瞄準器 還沒有帳戶，請建立帳戶來探索各種小部件。具體來說，對於本指南，您需要 WhatsApp 聊天 小部件。
登入 Elfsight 後，導航至 應用 頁面並搜尋 WhatsApp。從那裡，選擇 WhatsApp 聊天 建立小部件的選項。
在 Elfsight 中產生小部件
取得 WhatsApp 小工具後，請選擇一個範本：
- 為您的小工具命名（例如，WhatsApp 嵌入）
- 選擇小工具佈局模板
- 輕敲 繼續使用模板
接下來，繼續定制：
- 內容
- 設定
- 設計
首先在下面輸入您的 WhatsApp 電話號碼 內容 部分，然後自訂您的小工具以符合您的 Webflow 專案。
內容
這 內容 功能使您能夠修改：
- 聊天泡泡
- 聊天標題
- 歡迎辭
- 開始聊天按鈕
聊天泡泡
輕敲 聊天泡泡 選項可讓您選擇聊天氣泡圖示並輸入自訂 氣泡文字 顯示在圖示旁邊（如果未新增文本，則保持為空）。
聊天標題
選擇 聊天標題 探索標題自訂的選項，例如：
- 聊天開啟時顯示的個人資料圖片
- 個人資料圖片旁邊的姓名
- 名稱下方的標題
歡迎留言
訪問 歡迎留言 功能來輸入聊天的開始訊息。
開始聊天按鈕
使用 開始聊天 選項可讓您定義啟動 WhatsApp 的文字。您也可以切換顯示或隱藏按鈕中的 WhatsApp 圖示。
設定
這 設定 功能允許您修改：
- 位置
- 聊天顯示設定
- 開啟聊天觸發器
- 通知
位置
點選 位置 存取側邊欄的選項，您可以在其中將小部件的位置設為：
- 漂浮的氣泡
- 嵌入氣泡
- 嵌入聊天視窗
您也可以將小部件居中或左/右對齊。
聊天顯示設定
可用條件包括：
- 頁面（展示聊天小工具的位置）
- 設備（在行動裝置/桌面上顯示小部件）
- 訪客（為所有訪客、新訪客或回訪者顯示聊天內容）
- 日期和時間（何時顯示小工具）
開啟聊天觸發器
- 頁面停留時間
- 現場時間
- 捲動位置
- 退出意圖
設計
修改完成後，請確保 店鋪.
複製嵌入腳本
要將您的小工具合併到 Webflow 計劃中，需要使用 Elfsight 的嵌入腳本。
儲存前一階段的調整後，將出現一個帶有嵌入腳本的彈出視窗 - 點擊腳本可將其自動複製到剪貼簿。
將腳本插入Webflow
有兩種方法可以將該小工具包含在 Webflow 專案中 - 專案範圍內、每個頁面上或單一頁面上。
專案範圍
要在每個頁面上插入小工具：
- 選擇 自訂程式碼 項目設定中的選項卡
- 將複製的嵌入腳本貼到 頭碼 你的專案的一部分
- 儲存調整
- 發布
- 發佈到選定的網域
評論：自訂腳本僅在最終網站上可見。
發布並驗證
現在是時候發布並驗證新小工具了：
- 按 發布
- 選擇您要發佈的網域
- 發佈到選定的網域
Ewan Mak 的最新帖子 (看全部)
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日
EN 
ZH 
ZH_CN 
KO 
JA