◈ 網頁小部件

將每一次訪問
轉化為一次對話。

在你的網站中貼上一行<script>程式碼。即可獲得一個聊天氣泡,開啟與你真實的對話——通過你的手機,無論你身在何處。相容WordPress、Shopify、Webflow、Next.js、Astro、HTML——任何瀏覽器可執行的平臺。

Knocket 網頁小部件 —— 任何網站上的線上聊天
⚡ 一行安裝
◈ 任意技術棧
◐ 自定義主題
✦ 無後端
網頁小部件。 一鍵安裝。 任何技術棧。 線上聊天。 永久免費。 網頁小部件。 一鍵安裝。 任何技術棧。 線上聊天。 永久免費。
◈ 安裝過程

一行程式碼。任何網站。

從控制台複製標籤。將其貼上到任何頁面的 </body> 之前。重新整理頁面。你就上線了——一個聊天氣泡出現在角落,連線到你的 Knocket 收件箱和你的 Telegram。

你的程式碼片段攜帶一個唯一的 識別符號 —— 從控制台的 安裝 頁面獲取。你也可以在那裡設定樣式 —— 顏色、歡迎文字、線上狀態設計、離線表單欄位 —— 無需重新部署。

<!-- 在 </body> 之前貼上 --> <script src="https://trtc.io/knocket-sdk/sdk.js"
?identifier=YOUR_IDENTIFIER
async></script>

// 就是這樣。你已上線。
◈ 為你的網站量身打造

每一種網站
都需要一個溝通入口。

從餐廳和房地產到醫療保健等各個領域,訪客都可以直接通過你的網站與你聯絡。

餐廳發現網站上的線上聊天小部件
01 / 餐廳幫助客人找到他們下一個喜歡的地方。
房地產網站上的線上聊天小部件
02 / 房地產在理想房源展示的同時回答問題。
醫療網站上的線上聊天小部件
03 / 醫療保健在訪客需要指導時及時響應。
非營利網站上的線上聊天小部件
04 / 非營利組織將興趣轉化為真實的對話。
教練網站上的線上聊天小部件
05 / 輔導讓每一次諮詢更加個性化。
時尚商店的線上聊天小部件
06 / 時尚幫助購物者找到合適的商品。
◈ 小部件功能

螢幕上小巧展示。
已載入 底層原理。

現代聊天元件使用者期待的所有功能——無需企業級定價。

自定義主題與歡迎語

匹配你的品牌——顏色、圓角、歡迎文字。無需重新部署。

從 Telegram 回覆

每條訊息都會在不到一秒內通知 Telegram。支援手機端引用回覆。

圖片、影片、檔案

螢幕截圖、影片、文件——與 Telegram 端同步。

線上狀態與離線表單

線上:脈動點。離線:引導表單收集電子郵件和訊息。

自定義使用者標籤

傳遞 user_id, email, tags —— 同一使用者跨頁面和裝置。

已讀回執 + 訊息撤回

雙向 已讀回執。撤回任一方誤發的訊息。

◈ 一處回覆所有

每條訊息都匯入同一個收件箱。

訪客可以通過你網站上的小部件或聯絡名片上的聊天與你聯絡。兩邊的對話都會一起顯示在你的 Knocket 收件箱中。

你的網站網頁聊天元件
你的聯絡名片內建聊天
Knocket收件箱在這裡閱讀並回復每條訊息
◈ 無處不在

相容任意技術棧
與 CMS。

只要瀏覽器能執行,小部件就能工作。一個標籤,處處可用。

WordPress 外掛或主題
✓ 支援
Shopify theme.liquid
✓ 支援
Webflow 專案設定
✓ 支援
Next.js _document.tsx
✓ 支援
Astro layout.astro
✓ 支援
React useEffect 載入
✓ 支援
Vue / Nuxt app.vue
✓ 支援
Wix 自定義程式碼嵌入
✓ 支援
Squarespace 程式碼注入
✓ 支援
純 HTML </body>
✓ 支援
? 小部件常見問題

常見問題 問題

安裝是如何進行的?

在任何頁面的 </body> 之前貼上一個 <script> 標籤。該小部件非同步載入,以聊天氣泡的形式出現在角落。從你控制台中的 安裝 頁面複製標籤——它已經包含了指向你的 Knocket 賬戶的 identifier。

訪客需要註冊才能聊天嗎?

無需註冊。他們點選氣泡即可開始輸入。當你離線時,會顯示電子郵件/電話表單——當你恢復線上時,同一會話將繼續。

我可以自定義什麼?

通過 Knocket 控制台:顏色、歡迎訊息、線上狀態樣式、離線表單欄位。更改即時生效 —— 無需重新部署。

使用者可以傳送圖片或檔案嗎?

是的。圖片、影片和檔案——所有內容都會作為附件傳送到你的收件箱和 Telegram 中。

閱讀回執和訊息撤回?

雙向 已讀回執 —— 你可以看到訪客何時閱讀了你的回覆。訊息 撤回 雙向可用 —— 打錯回覆?在他們閱讀之前撤回。

我能在收件箱中識別訪客嗎?

是的。在指令碼標籤上傳遞一個 data-user-id 屬性,或者在登入後設置它。每條訊息都會在該身份下跨會話關聯。

◈ 新增線上聊天 · 60秒

一行程式碼。
任何網站。
立即開始使用。

獲取你的控制代碼,在控制台中獲取小部件程式碼片段。

免費開始

60 秒 · 無需銀行卡 · 無套路