安裝整合

為您的 Webflow 網站加上 AI 聊天機器人

一個根據您已發布的頁面回答訪客的 Webflow AI 聊天機器人,需要真人時就把對話轉給您。您只要把一行程式碼貼到網站的 Footer code 再發布即可,不必在 Designer 裡做任何東西。

更新於 2026年10月21日

Webflow 的條件

Webflow 允許付費 Site plan 的網站或付費 Workspace 方案加入全站自訂程式碼,免費的 Starter 網站則不行。另外,自訂程式碼只會在已發布的網站上執行,不會在 Designer 畫布中執行。

取得您的程式碼

用電子郵件註冊,輸入網站發布後的網址(您的自訂網域;如果訪客用的是 webflow.io 網址,就輸入那個)。第一次讀取完成後,從後台複製您的程式碼:

<script src="https://7x24hrs.com/widget.js" data-store="site_…" async></script>
註冊後,後台裡有帶您網站 ID 的專屬程式碼。

在 Webflow 中加入

  1. 開啟專案的 Site settings。
  2. 前往 Custom code 分頁。
  3. 把您的程式碼貼到 Footer code。它會放在每個頁面結尾的 </body> 標籤之前。
  4. 按 Save changes。
  5. 把網站發布到您使用的網域。
  6. 開啟已發布的網站。聊天按鈕會出現在右下角,後台也會顯示 Connected。

如果只想在單一頁面顯示,請改用該頁面自己的自訂程式碼設定(</body> 之前),而不是全站頁尾。

有兩個網域?兩個都要加

很多 Webflow 網站同時可以用自訂網域和 webflow.io 開啟。聊天只會在後台登記過的網域上回答;有沒有 www 算同一個。如果您也想在測試網址上使用,請在後台加入該網域。本機測試時,localhost 也可以用。

它在 Webflow 網站上會做什麼

它會讀取網站的公開頁面,包括能透過您的連結找到的 CMS 集合頁面,並每天重新讀取,所以新的 CMS 項目和修改不需要您做任何事就會同步給助理。它只根據這些頁面、用訪客的語言回答,頁面沒寫的問題就照實說,並把這些問題列給您看。

Webflow 常用來做 SaaS、設計公司和服務型網站。這類網站常見的問題是「你們能和 X 整合嗎」、「Pro 方案包含什麼」、「要怎麼取消」和「你們有服務我所在國家的客戶嗎」。如果您的頁面有答案,助理也就答得出來;如果沒有,您會在清單裡看到這些問題。

對於 Webflow Ecommerce,它會根據您的頁面回答商品和政策問題。它不會連接 Webflow 的訂單,所以無法查詢、取消或更改訂單:這類對話會轉給您。

轉接給您的團隊

當訪客要求找真人或需要處理事情時,對話會送到您的電子郵件;如果您連接了 Slack、Discord 或 Telegram,也會送到那裡。您可以從聊天 app 回覆,訪客會在他們的聊天視窗中看到您的回答。

對外公布之前先檢查

  1. 拿上個月業務或客服信箱裡的問題,去問設定頁面上的測試聊天。
  2. 遇到答不出來的,把資訊補到訪客會去找的那一頁,然後發布。
  3. 等下一次每日讀取後再問一次,並查看後台中它答不出來的問題清單。

您的答案始終是您的:助理不會使用關於您的產品、競爭對手或價格的外部知識,只用您已發布網站上寫的內容。

免費的 Webflow 方案可以用嗎?

Webflow 只允許付費 Site plan 的網站或付費 Workspace 方案使用自訂程式碼,所以免費的 Starter 網站不行。

為什麼我在 Designer 裡看不到聊天?

自訂程式碼只會在已發布的網站上執行。請先發布,再用新分頁開啟網站。

它會讀取 CMS 頁面嗎?

會,凡是能從網站連結找到的公開 CMS 頁面都會讀取,並每天重新讀取。

會和我的互動效果或 script 衝突嗎?

聊天放在它自己的獨立元素(shadow root)中,並以非同步方式載入,所以您的樣式和 script 不會影響它,它也不會影響它們。

費用是多少?

每月 30 次對話免費,會顯示一行小小的「Powered by 7x24hrs」。付費方案每月 $19、$59、$199 和 $1,099,分別可用 90、275、1,000 和 6,000 次對話。請參閱價格。

來源