如何在 WordPress 上添加聊天機器人

免費創建一個零代碼 AI 聊天機器人。

在您的 WordPress 網站上添加聊天機器人小工具，是吸引用戶並快速解決他們問題的絕佳方式。借助 AI 驅動的聊天機器人，您甚至可以即時（全天候 24/7）為他們解答。

添加聊天機器人，無論是否使用 AI，都像將嵌入代碼貼上到網站代碼中一樣簡單。

有兩種方法可以實現：

• 使用插件將代碼放到您的網站上。
• 將代碼手動添加到您的主題文件中。

您還可以使用 Elementor 嵌入聊天機器人。

複製您的聊天機器人嵌入代碼

此部分取決於您的聊天機器人平台，但在本指南中，我們以 ChatAgents 為例。

1. 在控制台中，進入 Agent Channels > Website。
2. 開啟 Enable Embed。
3. 在 Embed Code 部分，點擊 Copy。

方法 1：使用插件添加聊天機器人

如果您不想修改網站主題文件，請使用此方法。

1. 在 WordPress 控制台中，進入 Plugins > Add New。
2. 安裝一個類似 「Insert Headers and Footers」 的插件。
3. 安裝完成後，進入 Insert Headers and Footers 的設定頁面。
4. 將嵌入代碼貼到 Scripts in Footer 欄位。
5. 點擊 Save。

方法 2：將聊天機器人手動添加到您的主題

如果您不想在網站中添加更多插件，也可以將代碼直接嵌入到主題文件中。

1. 在 WordPress 控制台中，進入 Appearance > Theme File Editor。
2. 在右側文件列表中，打開您正在使用的主題下的 footer.php。
3. 捲動到文件底部。
4. 將嵌入代碼貼到 </body> 標籤之前。
5. 點擊 Update File 儲存。

這將使聊天機器人在整個網站上載入。

注意：如果主題未來更新，您可能需要重新添加代碼，除非您使用的是子主題。

使用 Elementor 添加聊天機器人

如果您正在使用 Elementor，可以透過 HTML 小工具 將聊天機器人添加到網站的任何部分。

1. 打開 WordPress 控制台並進入 Pages（或 Templates，如果您正在編輯全域部分如頁腳）。
2. 點擊 Edit with Elementor 編輯您想修改的頁面或部分。
3. 在 Elementor 面板中搜尋 HTML 小工具。
4. 將 HTML 小工具拖到您希望聊天機器人出現的部分（通常是頁腳）。
5. 在小工具的程式碼欄位中貼上 ChatAgents 嵌入代碼。
6. 點擊 Update 儲存更改。
7. 造訪您的網站，確認聊天機器人是否正常顯示。

提示：要在整個網站顯示聊天機器人，可以考慮將 HTML 小工具和嵌入代碼添加到 Elementor Pro 的全域頁腳範本中。

Want to restrict the chatbot to logged-in users?

僅限登入用戶使用聊天機器人如果您的聊天機器人僅供會員、員工或客戶使用，可以在 ChatAgents 中啟用 Authorized User Only 設定。此設定會隱藏聊天機器人，除非訪客已登入您的平台。

設定方法：

1. 在控制台中進入 Agent Channels > General
2. 捲動到 Authorization 部分
3. 開啟 Authorized User Only 並複製 Secret Key

若要了解更多關於此功能的運作方式以及如何安全傳遞用戶資料，請參閱完整指南。