如何在 ClickFunnels 上無縫整合聊天機器人建構器 AI

要在ClickFunnels上嵌入Chatbot Builder AI網頁聊天小工具,請按照以下步驟操作:

1. 從Chatbot Builder AI平台獲取網頁聊天代碼。您可以在"設置" > "頻道" > "網頁聊天"部分找到這個代碼,並選擇您想使用的網頁聊天。

2. 在ClickFunnels中,創建一個新的"自定義HTML和JavaScript"區塊,並將網頁聊天代碼粘貼到其中。

3. 請注意,ClickFunnels可能對網頁聊天代碼有一些特定的要求。如果您遇到任何問題,請參考Chatbot Builder AI的文檔,了解如何修改代碼以適應ClickFunnels。

4. 粘貼代碼後,請耐心等待10分鐘,讓變更反映在您的ClickFunnels頁面上。這是該平台的一個已知限制。

5. 如果您想進一步定制網頁聊天小工具,例如在聊天按鈕上方添加一個文本氣泡,您可以使用像Anthropic的Claude這樣的服務來為您生成所需的代碼。提供您的要求,它將為您提供修改後的代碼以供使用。

6. 一旦您有了定制後的代碼,只需將ClickFunnels"自定義HTML和JavaScript"區塊中的原始網頁聊天代碼替換為新代碼,變更就會在10分鐘後反映在您的頁面上。

通過遵循這些步驟,您可以輕鬆地將Chatbot Builder AI網頁聊天小工具嵌入到您的ClickFunnels頁面上,並根據需要進行定制,而無需任何高級的網頁開發技能。

要自定義Chatbot Builder AI網頁聊天小工具並添加一個帶有特定樣式的文本氣泡,請按照以下步驟操作:

1. 從Chatbot Builder AI儀表板獲取原始的網頁聊天腳本代碼。
2. 使用像Anthropic的Claude這樣的服務來生成修改後的代碼,包含所需的文本氣泡和樣式。提供以下說明:
   • "這是我們的網頁聊天插件腳本代碼。我們需要在聊天按鈕上方添加一個文本氣泡。文本應該是:'嘿,如果您有任何問題,請在這裡問'。文本應該相當窄且移動響應,邊框半徑為16像素。文本顯示的延遲應為5秒。"
   • "請也將文本氣泡的背景顏色改為白色,並在聊天按鈕和文本氣泡之間增加一些空間。"
3. 生成的代碼將包含實現自定義網頁聊天小工具(含文本氣泡和樣式)所需的HTML、CSS和JavaScript。
4. 在您的網站或平台(例如ClickFunnels)中,找到適當的部分來粘貼修改後的網頁聊天代碼,例如自定義HTML/JavaScript區塊。
5. 更新代碼後,請等待10分鐘,讓變更反映在您的實時網站或平台上。
6. 刷新頁面即可查看帶有文本氣泡和樣式的自定義網頁聊天小工具。