Conversify 文件??
介紹
Conversify是一個先進的客戶支援聊天機器人平台,讓企業輕鬆地將人工智慧驅動的聊天機器人整合到他們的網站中。它結合了互動式 3D 頭像技術、語音和文字介面以及可自訂的聊天機器人模板,可提供無縫且動態的用戶體驗。 Conversify 基於強大的 MERN(MongoDB、Express.js、React.js、Node.js)堆疊構建,為客戶提供可嵌入的連結或程式碼片段,從而實現快速輕鬆的整合。
主要特點?
- 可嵌入的聊天機器人整合:客戶收到直接連結或程式碼,將 Conversify 聊天機器人嵌入到他們的網站中。
- 可自訂模板:提供各種聊天機器人模板,以滿足不同的客戶支援需求和品牌風格。 ?
- 互動式 3D 化身:使用者可以與透過文字和語音進行回應的 3D 化身進行交互,從而提供引人入勝且擬人化的介面。 ??
- 語音和文字互動:可以透過文字或語音輸入進行查詢,並以兩種方式提供回應。 ⌨️
- 由 Mistral 和 Llama LLM 提供支援的後端:Conversify 利用 Mistral 和 LLama 來處理自然語言查詢。 ?
- MongoDB Atlas 作為向量儲存:對話資料的高效且可擴展的儲存和檢索由 MongoDB Atlas 管理。 ?
- 未來對模型選擇的支援:客戶將可以選擇從多種語言模型中進行選擇,以最適合他們的需求。 ??
架構概述
Conversify 基於使用 MERN 堆疊的全端 JavaScript 架構構建,確保可擴展性、靈活性和效率。
後端:
- Node.js 和 Express.js :處理 API 請求、處理對話資料並管理後端服務。 ?
- MongoDB Atlas :儲存對話歷史記錄、使用者設定檔和向量,以便使用向量儲存進行高效的相似性搜尋和檢索。
- Mistral (LLM) :處理自然語言處理並對客戶查詢產生類似人類的回應。
前端?
- React.js :提供直覺、響應式的使用者介面,使用者可以在其中與聊天機器人互動。它支援文字和語音輸入。 ??
- Three.js(3D Avatar) :為互動式頭像提供支援的 3D 引擎,為聊天機器人互動添加了一層視覺參與度。 ?
整合流程
- 取得可嵌入連結或程式碼:透過 Conversify 的網路應用程式設定聊天機器人後,客戶將收到自訂可嵌入連結或程式碼片段。 ?
- 嵌入網站:將提供的程式碼貼到您網站的 HTML 中,以將聊天機器人介面無縫整合到任何頁面中。 ?
- 客製化:透過選擇符合您的品牌和需求的模板來客製化聊天機器人。將來,您也可以選擇不同的語言模型來支援您的聊天機器人。 ??
主要功能?
1.互動聊天介面?
- 用戶可以使用文字或語音查詢與聊天機器人互動。 ?
- 聊天機器人透過 3D 頭像以文字和語音輸出回應,從而增強參與度。
2.模板?
- 從針對不同客戶支援場景客製化的各種範本中進行選擇。這些模板將指導聊天機器人的行為、語氣和外觀。 ?
3.語音和文字整合?
- 聊天機器人可以處理使用者的語音和文字輸入。 ?
- 語音回應是使用先進的文字轉語音技術合成的,為 3D 頭像提供自然的聲音。
4. 3D頭像訂製????
- 3D 頭像是完全可自訂的,可以實現品牌塑造和個性調整。選擇不同的頭像風格和行為。 ??
未來路線圖?
- 模型選擇選項:客戶將能夠根據自己的喜好和要求在不同的語言模型(例如 GPT、Mistral 等)之間進行選擇。 ??
- 進階分析:用於追蹤聊天機器人效能、使用者互動和回饋的儀表板。 ?
- 個人化頭像:更多的頭像客製化選項,以更好地適應不同的業務需求和品牌形象。 ?
- 人工智慧驅動的回饋循環:允許聊天機器人從先前的互動中學習,以隨著時間的推移改進回應。 ?
入門
設定 BotGenerator 後端
克隆儲存庫:
- 打開終端機並運作:
git clone https://github.com/MrDracs/BotGenerator.git
cd BotGenerator
安裝依賴項:
- 在
BotGenerator
目錄中,安裝必要的依賴項:
建立.env
檔:
- 在
BotGenerator
資料夾中,建立一個.env
檔案並包含下列環境變數: MONGODB_URI= < Your_MongoDB_Connection_URI >
GROQ_API_KEY= < Your_GROQ_API_Key >
COHERE_API_KEY= < Your_Cohere_API_Key >
運行伺服器:
- 啟動開發伺服器:
- 這將在您的瀏覽器中開啟一個網頁,您現在可以關閉該網頁。
存取和測試聊天機器人前端?
訪問前端:
- 導航至
CodeCubicleConversify
資料夾並在瀏覽器中開啟index.html
:- 選項 1:使用您選擇的瀏覽器。 ?
- 選項 2:使用 VS Code Live Server 擴充功能進行本機託管。 ⚡
產生並測試您的聊天機器人:
- 在您開啟的 Conversify Web 應用程式上,填寫表單,新增知識庫,然後按一下提交。您將獲得一個包含聊天機器人的可嵌入
div
元素。 ??
嵌入聊天機器人:
- 要快速測試聊天機器人:
- 複製生成的整個
div
元素。 - 開啟
CodeCubicleConversify
資料夾中的index.html
。 - 在程式碼中找到以下類別(第357行左右):
< div class =" side-bar-fs " >
- 將整個
div
替換為您複製的新 div,儲存並重新整理頁面。
啟用文字轉語音 (TTS) :
- 若要為聊天機器人啟用 TTS,請在
div
中提供的 iframe 標籤中的src
URL 末尾附加/tts
。 ?- 例如:
< iframe src =" your_chatbot_url/tts " ... > </ iframe >
Conversify Web 應用程式設定
- 在 Web 應用程式上註冊:造訪 [Conversify Web 應用程式 URL] 並建立帳戶。
- 配置您的聊天機器人:使用提供的範本來配置您的聊天機器人。
- 產生可嵌入程式碼:配置完成後,您將收到嵌入程式碼以整合到您的網站中。 ?
- 監控和改進:存取儀表板以監控互動並優化聊天機器人的效能。
聯繫和支援??
如果您有任何疑問或遇到任何問題,請隨時透過以下方式聯絡我們的支援團隊:
現在您已做好準備,可以在您的網站上啟用 Conversify 的聊天機器人了! ??
貢獻者?