在您的網站上嵌入AI聊天機器人

您訓練好的AI聊天機器人。
在您的網站上。
一行程式碼即可實現。

用您的文件訓練它,貼上一個簡單的指令碼標籤,功能完整的AI聊天機器人即可出現在任何網站上,免費開始,無需信用卡,無需開發者。

運作原理

三步即可將文件轉變為即時聊天機器人。

1

用您的文件訓練

上傳PDF、Word文件、文字檔或HTML頁面。您的AI會閱讀它們,並根據您的內容回答問題,讓訪客得到關於您業務的答案,而不是來自網路的猜測。

2

複製嵌入程式碼

在拉米AI應用程式中開啟網頁聊天。您的個人化指令碼標籤已經準備好:一行程式碼,預先填入了您的聊天機器人 ID。複製它。

3

貼到</body>之前

將標籤貼到您網站的HTML中。浮動聊天啟動器立即出現:在WordPress、Shopify、Squarespace、Webflow或任何自訂網站上。

三種嵌入方式

選擇最適合您網站的格式。

選項1 · 推薦

指令碼標籤:浮動啟動器

在任何頁面的右下角放置一個聊天按鈕。訪客點擊它,視窗開啟,他們可以與您的AI對話,無需離開頁面。零版面配置變更。

  • 適用於任何接受HTML的網站
  • 最適合:產品頁面、電商、支援網站
  • 無CSS衝突:小工具自包含
<script
  src="https://chat.ragmyai.com/chat-widget.min.js"
  data-page-id="YOUR_CHATBOT_ID">
</script>
拉米AI embedded chatbot widget on a website

選項2

Iframe:內嵌放置

將聊天機器人放置在頁面主體的精確位置:側邊欄、說明區域或強制回應視窗中。您控制尺寸;聊天機器人填充其中。

  • 完全控制寬度和高度
  • 最適合:知識庫、說明中心、儀表板
  • 可嵌入Notion、Coda等工具
<iframe
  src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
  allow="microphone"
  width="300"
  height="400">
</iframe>
拉米AI chatbot embedded inline in a website page

選項3

公開URL:無需任何程式碼

每個聊天機器人都有一個可分享的URL。透過電子郵件、QR碼、Slack訊息或Notion頁面傳送。任何擁有連結的人都可以獲得全頁聊天介面,無需嵌入。

  • 零設定:只需複製並分享連結
  • 最適合:內部工具、客戶交付、原型
  • 可用作QR碼用於線下材料
https://chat.ragmyai.com/YOUR_CHATBOT_ID
拉米AI chatbot public URL full-page interface

打造專屬風格

讓元件符合你的品牌風格。

指令碼標籤並非千篇一律。設定聊天視窗大小、更換按鈕圖示、選擇你自己的形狀和顏色,這一切都透過同一行程式碼中的屬性完成。

你可以設定的屬性

widget-width, widget-height
聊天視窗開啟時的大小。
button-width, button-height
啟動按鈕本身的大小。
button-border-radius
按鈕形狀,從方形到全圓形。
button-background-color
按鈕顏色,可用任意十六進位色碼。
button-image-url
用你自己的圖示或標誌取代預設圖示。
button-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 標籤,然後貼到你所用平台的正確位置。部分平台只在付費方案中允許自訂程式碼。

WordPress

安裝一個頁首與頁尾程式碼外掛(例如 WPCode),把 script 標籤貼到頁尾區域,或加到佈景主題的 footer.php 中 </body> 之前。

Shopify

前往 Online Store > Themes > Edit code,開啟 theme.liquid,把 script 標籤貼到 </body> 之前。儲存後,每個頁面都會出現聊天按鈕。

Wix

前往 Settings > Custom Code,新增 script 標籤,設定在所有頁面載入,並放在 Body - end。

Squarespace

在網站設定中開啟 Code Injection,把 script 標籤貼到 Footer 方塊中。

Webflow

開啟 Site settings > Custom code,把 script 標籤貼到 Footer code,然後發布網站。

Google Sites

Google Sites 不會執行 script 標籤,所以請改用 iframe:Insert > Embed > Embed code,貼上 iframe 並調整方塊大小。

沒有你的平台?如果你的網站允許加入 HTML,就把 script 標籤貼到 </body> 之前。如果只允許嵌入,請使用 iframe,或分享聊天機器人的公開連結。

上線後

監控每次對話。根據真實訪客問題重新訓練。

聊天機器人上線後,網頁聊天 > 通知會記錄訪客的每次交流。閱讀任何對話紀錄,並對任何不準確的回答點擊重新訓練,它會在預載入該交流內容的訓練編輯器中開啟,讓您在上下文中進行修正。

這是提高回答品質的最快方法:來自真實訪客的真實問題,逐一修正,每次都讓下一個回答更精準。

  • 每次訪客工作階段的完整對話紀錄
  • 從任何對話一鍵重新訓練
  • 即時使用通知
Monitor and retrain embedded chatbot conversations

使用場景

人們將其嵌入的地方。

電商與Shopify商店

用您的產品目錄、退貨政策和常見問題訓練。無需雇用夜間支援,在凌晨3點回答客戶問題。每週從真實購物者問題中重新訓練。

  • 根據目錄提供產品推薦
  • 即時解答退貨和物流問題
  • 24/7全天候,無需額外員工

大學與線上課程

上傳講義、課程大綱和閱讀清單。學生獲得全天候的輔導員,僅根據課程材料回答問題,而非隨機網路來源。

  • 僅提供課程相關回答
  • 減少向講師重複提問
  • 支援78種語言

SaaS與產品文件

用聊天機器人替換靜態說明文件,並在其上進行訓練。訪客用自然語言提問,而非搜尋關鍵字。每個未回答的問題都顯示出需要填補的空白。

  • 在文件中替換關鍵字搜尋
  • 發現文件空白
  • 直接嵌入您的應用程式

"極佳的應用程式,易於使用且非常直觀。強烈推薦。"

Jay D, 拉米AI power user
Jay D
深度使用者 · Google Play 評價

"有史以來最好的應用程式。它在學業和任何我想了解的事情上都幫助了我。感謝應用程式開發者。"

James Carter, Student
James Carter
學生 · Google Play 評價

常見問題

嵌入聊天機器人常見問題。

在我的網站上嵌入拉米AI聊天機器人是免費的嗎?

是的。免費方案允許您嵌入聊天機器人,無需信用卡。小工具、公開URL和iframe均可在免費版本中使用。

我需要懂得如何編程嗎?

不需要。嵌入只需一次複製貼上。您從拉米AI應用程式獲取一個指令碼標籤:在任何頁面上貼到</body>標籤之前。就這麼簡單。

它適用於哪些網站平台?

任何允許您新增HTML的平台:WordPress、Shopify、Squarespace、Webflow、Wix和自訂程式碼的網站。只要您能貼上指令碼標籤,聊天機器人就能運作。

我能看到訪客向聊天機器人提問什麼嗎?

可以。每次對話都記錄在網頁聊天 > 通知下。您可以閱讀完整的對話紀錄,並直接從任何交流中重新訓練回答。

這與通用AI聊天機器人小工具有何不同?

通用聊天機器人只依靠從網路學到的內容回答,因此可能離題,或對您的業務編造資訊。拉米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:<iframe src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>。請從應用程式中複製完整程式碼。

它能像線上客服聊天小工具一樣使用嗎?

它的外觀和用法都像線上客服聊天小工具,但由AI根據您自己的內容全天候即時回答訪客。您可以在應用程式中查看每一段對話,並透過重新訓練改進任何回答。

您的網站聊天機器人
只需一次貼上即可實現。

永久免費方案。無需信用卡。用單個PDF訓練,60秒內完成嵌入。

免費開始,立即嵌入

想要完整技術指南? 閱讀嵌入操作指南 →