在您的網站上嵌入AI聊天機器人
用您的文件訓練它,貼上一個簡單的指令碼標籤,功能完整的AI聊天機器人即可出現在任何網站上,免費開始,無需信用卡,無需開發者。
運作原理
上傳PDF、Word文件、文字檔或HTML頁面。您的AI會閱讀它們,並根據您的內容回答問題,讓訪客得到關於您業務的答案,而不是來自網路的猜測。
在拉米AI應用程式中開啟網頁聊天。您的個人化指令碼標籤已經準備好:一行程式碼,預先填入了您的聊天機器人 ID。複製它。
將標籤貼到您網站的HTML中。浮動聊天啟動器立即出現:在WordPress、Shopify、Squarespace、Webflow或任何自訂網站上。
三種嵌入方式
選項1 · 推薦
在任何頁面的右下角放置一個聊天按鈕。訪客點擊它,視窗開啟,他們可以與您的AI對話,無需離開頁面。零版面配置變更。
<script
src="https://chat.ragmyai.com/chat-widget.min.js"
data-page-id="YOUR_CHATBOT_ID">
</script>
選項2
將聊天機器人放置在頁面主體的精確位置:側邊欄、說明區域或強制回應視窗中。您控制尺寸;聊天機器人填充其中。
<iframe
src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
allow="microphone"
width="300"
height="400">
</iframe>
選項3
每個聊天機器人都有一個可分享的URL。透過電子郵件、QR碼、Slack訊息或Notion頁面傳送。任何擁有連結的人都可以獲得全頁聊天介面,無需嵌入。
https://chat.ragmyai.com/YOUR_CHATBOT_ID
打造專屬風格
指令碼標籤並非千篇一律。設定聊天視窗大小、更換按鈕圖示、選擇你自己的形狀和顏色,這一切都透過同一行程式碼中的屬性完成。
widget-width, widget-heightbutton-width, button-heightbutton-border-radiusbutton-background-colorbutton-image-urlbutton-image-width, button-image-height<script
data-page-id="YOUR_CHATBOT_ID"
src="https://chat.ragmyai.com/chat-widget.min.js"
widget-width="400px"
widget-height="600px"
button-image-url="https://ragmyai.com/assets/logo-icon.png"
button-image-height="48px"
button-image-width="48px"
button-height="64px"
button-width="64px"
button-border-radius="20%"
button-background-color="#1F4FD8">
</script>
省略任何屬性時會套用預設外觀,因此你只需要設定想要變更的部分。
逐步說明
在 RagmyAI 應用程式的 Web Chat > Script Tag 中複製你的 script 標籤,然後貼到你所用平台的正確位置。部分平台只在付費方案中允許自訂程式碼。
安裝一個頁首與頁尾程式碼外掛(例如 WPCode),把 script 標籤貼到頁尾區域,或加到佈景主題的 footer.php 中 </body> 之前。
前往 Online Store > Themes > Edit code,開啟 theme.liquid,把 script 標籤貼到 </body> 之前。儲存後,每個頁面都會出現聊天按鈕。
前往 Settings > Custom Code,新增 script 標籤,設定在所有頁面載入,並放在 Body - end。
在網站設定中開啟 Code Injection,把 script 標籤貼到 Footer 方塊中。
開啟 Site settings > Custom code,把 script 標籤貼到 Footer code,然後發布網站。
Google Sites 不會執行 script 標籤,所以請改用 iframe:Insert > Embed > Embed code,貼上 iframe 並調整方塊大小。
沒有你的平台?如果你的網站允許加入 HTML,就把 script 標籤貼到 </body> 之前。如果只允許嵌入,請使用 iframe,或分享聊天機器人的公開連結。
上線後
聊天機器人上線後,網頁聊天 > 通知會記錄訪客的每次交流。閱讀任何對話紀錄,並對任何不準確的回答點擊重新訓練,它會在預載入該交流內容的訓練編輯器中開啟,讓您在上下文中進行修正。
這是提高回答品質的最快方法:來自真實訪客的真實問題,逐一修正,每次都讓下一個回答更精準。
使用場景
用您的產品目錄、退貨政策和常見問題訓練。無需雇用夜間支援,在凌晨3點回答客戶問題。每週從真實購物者問題中重新訓練。
上傳講義、課程大綱和閱讀清單。學生獲得全天候的輔導員,僅根據課程材料回答問題,而非隨機網路來源。
用聊天機器人替換靜態說明文件,並在其上進行訓練。訪客用自然語言提問,而非搜尋關鍵字。每個未回答的問題都顯示出需要填補的空白。
"極佳的應用程式,易於使用且非常直觀。強烈推薦。"
"有史以來最好的應用程式。它在學業和任何我想了解的事情上都幫助了我。感謝應用程式開發者。"
常見問題
是的。免費方案允許您嵌入聊天機器人,無需信用卡。小工具、公開URL和iframe均可在免費版本中使用。
不需要。嵌入只需一次複製貼上。您從拉米AI應用程式獲取一個指令碼標籤:在任何頁面上貼到</body>標籤之前。就這麼簡單。
任何允許您新增HTML的平台:WordPress、Shopify、Squarespace、Webflow、Wix和自訂程式碼的網站。只要您能貼上指令碼標籤,聊天機器人就能運作。
可以。每次對話都記錄在網頁聊天 > 通知下。您可以閱讀完整的對話紀錄,並直接從任何交流中重新訓練回答。
通用聊天機器人只依靠從網路學到的內容回答,因此可能離題,或對您的業務編造資訊。拉米AI聊天機器人用您自己的網站頁面和文件訓練,並根據這些內容回答訪客。在您訓練它之前,它會用一般知識回答,所以請先加入您的內容。
可以。指令碼標籤支援視窗大小、按鈕大小和形狀、按鈕顏色以及自訂圖示圖片的選用屬性。只需新增你需要的屬性,其餘部分將維持預設外觀。
建立一個免費的拉米AI聊天機器人,並用您的網站連結或文件訓練它。然後在應用程式中打開 Web Chat > Script Tag,複製腳本標籤,貼到 </body> 結束標籤之前。所有包含這段程式碼的頁面都會出現聊天按鈕。
只是一個腳本標籤:<script data-page-id="your-page-id" src="https://chat.ragmyai.com/chat-widget.min.js"></script>。應用程式會自動填入您的頁面ID,您只需複製貼上。
可以。如果您想把聊天視窗直接放在頁面中,例如側邊欄或說明頁面,請使用iframe:<iframe src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>。請從應用程式中複製完整程式碼。
它的外觀和用法都像線上客服聊天小工具,但由AI根據您自己的內容全天候即時回答訪客。您可以在應用程式中查看每一段對話,並透過重新訓練改進任何回答。