icon of N8N Chat UI

N8N Chat UI

無程式碼的品牌化 n8n 聊天小工具建置工具,支援檔案上傳、語音訊息及即時串流。

社群:

產品概覽

N8N Chat UI 是什麼?

N8N Chat UI preview

N8N Chat UI 可將 n8n 工作流程轉換為可自訂的網站聊天體驗。其視覺化編輯器讓使用者能夠調整品牌元素與版面配置、預覽變更,並在無須編寫自訂程式碼的情況下嵌入浮動式或行內小工具。它負責提供面向客戶的操作介面,而底層工作流程則由 n8n 處理。


主要功能

  • 視覺化小工具自訂

    透過即時預覽調整顏色、圖示、對話框大小、位置及其他外觀設定。

  • 彈性的網站嵌入方式

    使用複製貼上的嵌入程式碼,部署浮動式聊天按鈕或行內小工具,並支援適用於桌機與行動裝置的響應式版面配置。

  • 可控管的檔案上傳

    允許訪客透過聊天提交檔案,並可設定檔案類型、大小限制及上傳數量。

  • 語音訊息

    讓訪客直接透過小工具錄製並傳送語音訊息。

  • 即時串流回應

    當已連接的 n8n 工作流程啟用串流功能時,逐步顯示回應內容。

  • 基於 MCP 的自訂功能

    將 Claude 或其他相容的 AI 工具連接至 MCP 伺服器,即可透過自然語言指令自訂小工具。


使用案例

  • 客戶支援 : 為訪客提供符合品牌形象的聊天介面,並連接至 n8n 客戶支援工作流程。
  • 潛在客戶資格評估 : 將網站聊天小工具作為 n8n 工作流程的入口,用來收集及處理潛在客戶資訊。
  • 檔案型協助 : 讓訪客將文件或其他支援的檔案提交至專為處理附件而設計的工作流程。
  • 語音訊息互動 : 為偏好口述而非打字的訪客提供語音輸入功能,並由適合的 n8n 工作流程提供支援。
  • 客戶聊天功能部署 : 無須建置自訂前端,即可為客戶網站建立符合其品牌形象的聊天介面。

常見問題

N8N Chat UI 的替代方案

🚀

N8N Chat UI 網站分析