Knocket 一覽 — 三種產品形式
| 表單 | 它是什麼 | 它所在的位置 | 安裝時間 |
|---|---|---|---|
| 網頁聊天元件 | 網站上的浮動聊天氣泡 | 任何包含 </body> 標籤的網站 | ~1分鐘 |
| 聯絡主頁 | 一個看起來像個人資料頁面的可分享連結 | knocket.ai 或自定義域名 | ~1分鐘 |
| 行動端聊天元件 | 原生應用內的聊天氣泡 | iOS、Android、React Native、Flutter 應用 | ~2分鐘 |
這三種表單是獨立的。創始人可以在第一天釋出聯絡名片,第七天釋出網頁外掛,等到應用上線時再發布移動端外掛——而無需重新搭建任何配置。
Knocket 是為誰打造的?
Knocket 是為那些還沒有支援團隊的團隊打造的。
- 獨立開發者和獨立駭客 —— 一個小型 SaaS、開源工具或需要早期使用者聯絡他們的方式的副專案。
- 處於早期階段、正在尋找首批100名使用者的創始人——尚未實現產品市場契合(PMF),需要逐條閱讀每條訊息並以人性化方式回覆的團隊。
- 執行輕量級反饋迴圈的小型產品團隊 — 希望獲得定性反饋而無需搭建客戶服務平臺的團隊。
如何安裝和自定義Knocket 網頁聊天元件?
該網路小部件可從 Knocket 控制台完全自定義,每次更改都會即時預覽。以下是快速導覽——如需完整教程(每個欄位、每種本地化選項、每種主題技巧),請開啟專用教程。
小部件自定義器中的每個欄位,外加 50 種語言的本地化包。
主題顏色、標誌和頭像
選擇一個與品牌相匹配的主色調。該小元件會將啟動氣泡、頁首、輸入框焦點環和傳送按鈕渲染為所選顏色。上傳品牌 logo 以顯示在小元件頁首中,並上傳頭像以代表創始人在對話的另一端。這兩個資源都是可選的;如果均未提供,小元件將回退到簡潔的純文本頁首。
歡迎訊息和歡迎標題
歡迎標題是訪客在開啟小部件時閱讀的第一句話。歡迎訊息是標題下方的正文內容。兩者都很簡短,都是預填充的,並且都可以通過控制台進行 A/B 測試。
主動問候
啟用主動問候功能,以在可配置的延遲後向首次訪問者顯示簡短的歡迎訊息。主動問候是將被動訪客轉化為活躍對話的最簡單方式。
社交連結聚合
新增團隊 WhatsApp、Instagram、Telegram 和 Messenger 賬號的連結。當訪客更傾向於使用這些渠道而非直接輸入訊息時,該元件會將這些連結作為替代聯絡方式呈現。
window.knocketConfig 在 script 標籤之前。 我如何釋出 Knocket 聯絡主頁?
當沒有網站、網站尚未準備就緒,或者聯絡連結需要放在個人簡介中時,聯絡名片就是需要展示的表單。聯絡名片是一個可分享的URL,看起來像個人資料頁,同時充當聯絡表單、社交連結樞紐和聊天入口。
模板庫、AI 生成器、區塊編輯器、媒體區塊以及釋出到自定義路徑。
快速摘要
- 開啟 聯絡名片 → 新建,選擇一個別名,填寫頭像/顯示名稱/簡介/社交連結。
- 釋出。該頁面將在
https://knocket.ai/your-slug上線。 - 在任意簡介、帖子或私信中共享該網址。
如何將 Knocket 嵌入到 移動應用?
移動小部件是一個存在於原生 iOS、Android、React Native 或 Flutter 應用內的聊天氣泡。它使用 WebView 方法——小部件在應用內 WebView 中載入 Knocket 聯絡名片,並將原生事件橋接到 Knocket。無需安裝原生 SDK,也無需維護每個平臺的聊天 UI。
iOS(Swift)
在 WKWebView 中載入 Knocket 聯絡名片。在文件開始時附加一個 WKUserScript,以注入使用者身份和應用程式版本。處理 knocket: URL 方案,將事件(小部件開啟、訊息傳送等)路由回原生層。
Android(Kotlin)
在 WebView 中載入 Knocket 聯絡名片。呼叫 addJavascriptInterface 以暴露用於身份、版本和事件回撥的原生橋接。使用 setWebChromeClient 來處理來自小部件的附件上傳。
React Native
使用 react-native-webview 包。通過 JavaScript 使用 postMessage 傳送身份訊息。監聽 WebView 上的 onMessage 回撥以接收來自小元件的事件流。
Flutter
使用 webview_flutter 包。通過 addJavaScriptChannel 註冊一個 JavaScript 通道。在通道初始化時釋出身份和版本資訊,然後監聽訊息事件。
安裝 — 複製貼上程式碼段
在控制台中開啟安裝面板。複製單行程式碼片段,並將其貼上到任何 HTML 頁面的閉合 </body> 標籤之前。頁面重新載入後,小部件將立即顯示。
安裝模組還列出了每個已釋出的聯絡名片的可共享 URL,因此你可以複製它並將其貼上到任何個人簡介、私信或電子郵件簽名中。
渠道 整合
整合外掛將外部渠道接入統一收件箱。傳送到與Knocket連線的Telegram機器人或Knocket郵件別名的訊息,會以執行緒形式與聊天訊息一起顯示。可以從Telegram引用回覆來回答聊天訊息,或者從控制台直接回復。
Telegram
在 Telegram 上通過 @BotFather 建立新機器人。複製機器人令牌。將其貼上到 Knocket 控制台 → 整合 → Telegram。此後每位訪客的訊息都會觸發機器人;在機器人聊天中引用回覆即可答覆,你的回覆將顯示在訪客螢幕上。
郵箱
Knocket 支援兩種選項:由 Knocket 管理的電子郵件地址(如 hello.you@knocket.ai 這樣的別名)或自定義域名(設定 MX 記錄指向 Knocket)。收到的郵件將與聊天訊息一起顯示在統一收件箱中的執行緒裡。
通知
控制台中的 通知 模組決定了當有新訪客訊息到達時,你將如何以及接收到多少提醒。兩個投遞路徑是並行工作的:
- 瀏覽器推送——即使控制台標籤頁在後臺執行也會提醒。在同一頁面上切換開關。
- Telegram 機器人——一旦完成 Telegram 整合,每條新訊息都會即時推送到機器人,你可以從手機上引用回覆。
Telegram 推送 — 全模式與僅通知模式
在 通知偏好設定 → Telegram 下,一旦開啟 Telegram 推送,還有第二個選項:實際有多少對話內容會出現在你的 Telegram 聊天中。
你可直接在 Telegram 中看到訪客訊息文本。引用回覆、轉發或點選進入收件箱 — 三種方式均有效。
權衡:如果訊息量很大,某些對話中的單條訊息可能不會出現在Telegram中——機器人會跳過少量訊息以遵守Telegram的速率限制。
Telegram 提示你有新訊息到達——不顯示訊息內容。點選提示開啟收件箱,即可檢視完整對話並回復。
權衡:更安靜、更私密,但無法從 Telegram 進行引用回覆——你總是在控制台中完成回覆。
創始人通常在第一個月保持 完全開啟,此時流量較低,一旦電話開始頻繁響起,則切換到 僅通知。
通知渠道——連線 Telegram
向下滾動到 通知渠道 → Telegram 機器人 並點選 連線。按照以下兩個步驟操作:通過 @BotFather 建立機器人,將令牌貼上到 Knocket 中,然後從應該接收訊息提醒的賬戶向機器人傳送一條訊息。完成 —— 現在每個新的訪客訊息都會根據你之前選擇的偏好(全部 / 僅部分)推送到該 Telegram 聊天中。
AI 助手
控制台左側邊欄中的AI助手模組允許你將一個由LLM驅動的助手接入同一個統一收件箱。它根據你上傳的知識庫回答訪客問題——產品常見問題、定價頁面、文件——一旦問題超出源材料範圍,立即將對話轉交給人工。
設定(AI AI 助手、機器人、LLM、轉接)、知識(常見問題、網址、檔案)和使用情況 —— 每張卡片,每個欄位。
代理在收件箱中的行為方式
- 自動回覆 —— 每條收到的訊息首先都會經過 AI 助手處理。如果它有信心,訪客將立即收到回覆,對話將歸入 AI 已解決 篩選器。
- 人工接管——低置信度對話會冒泡至人工佇列頂部並附帶AI草稿,你可選擇傳送、編輯或丟棄。當訪客輸入明確的觸發短語時(預設庫覆蓋47種語言)也會觸發接管。
- 恢復 AI —— 在任何對話詳情面板中,點選 恢復 AI,即可在你回覆後將對話交回 AI 處理。
- 摘要 —— 詳情面板顯示由同一客服人員撰寫的兩句話總結,方便你在回覆之前快速瀏覽。
側邊欄中的三個子頁面
側邊欄中的 AI AI 助手 組展開為三個子頁面。每個子頁面都對應設定的某個階段 —— 配置一次,隨著知識庫的增長進行最佳化:
- 設定——一個頁面包含四張卡片:AI 助手(總開關、渠道、營業時間)、機器人(頭像、名稱、問候語、系統提示詞)、大語言模型(提供商、金鑰、端點、模型)以及轉接(觸發短語 + 通知渠道)。頁面底部的一個儲存按鈕可一次性儲存所有四項設定。
- 知識庫——三個標籤頁:常見問題(標準問答對)、網址抓取(營銷頁面、文件)、以及 檔案上傳(PDF/DOCX/CSV/…)。每個標籤頁最多 10 項,每份檔案最大 10 MB。
- 使用情況 —— 每日 AI 請求圖表、交接次數、平均響應時間以及每個模型的令牌消耗。頂部有範圍選擇器。
自帶大語言模型
LLM 卡片接受任何相容OpenAI的端點 —— 提供商、API金鑰、基本URL、模型ID。控制台當前預設是 kimi-k3,通過騰訊MaaS tokenhub提供,但Hunyuan、DeepSeek、OpenAI以及任何支援Chat Completions的自定義端點都可以以相同方式接入。測試連線按鈕會在儲存前向端點發送即時請求,因此你可以立即發現錯誤的金鑰或錯誤的URL。
人工交接有兩個層級
一個確定性的字典,包含 47 種語言中“轉接人工”樣式的觸發詞。匹配一個,立即轉接,絕不需要呼叫模型。你可以新增自己的短語,例如 talk to billing 或 escalate。
對於其他所有情況——使用者感到沮喪、反覆獲得失敗答案、提出超出範圍的問題——模型本身會決定呼叫內建的 transfer_to_human 工具。第一層是觸發機制,第二層是判斷決策。
Telegram 回覆流程
對於獨立創始人來說,Telegram 是回覆最快的渠道。在 整合 下連線好 Telegram 機器人後:
- 訪客通過網頁小部件、聯絡名片或移動小部件傳送訊息。
- Knocket 機器人會將訊息轉發到你與機器人的 Telegram 聊天中。
- 你從手機上引用回覆機器人的訊息。
- 你的回覆會以訪客所使用的任何渠道原樣返回到他們的螢幕上——無需手動切換渠道。
通知、已讀狀態和AI草稿全部同步——從 Telegram 回覆的訊息也會在控制台中關閉執行緒。