建立網站聊天插件 Web Plugin Chat

您的網站往往是顧客接觸品牌的第一站。透過整合 iSlash AI 的網站聊天外掛,您可以即時提供客服支援、蒐集潛在客戶資料,並自動化訊息互動,全面提升顧客體驗。

設置需求

  1. 需擁有已啟用的 iSlash AI 帳戶,立即註冊免費帳號:點此註冊

  2. 您的網站後台存取權限

步驟指南
  1. 登入 iSlash AI 平台: https://app.islash.io/

  2. 進入「設定」

  1. 點選左側選單中的「Channels(渠道)」,再點選「+」新增新渠道。


  2. 將名稱命名為 「Web」,平台類型選擇「Web」,並點選「儲存」即可建立 Web Plugin Chat 渠道:

  1. 接下來,在左側選單中點擊「Web Plugins


  1. 點選「Create 建立」來開始自訂聊天插件:

外觀設定 Appearance Settings:

  • 名稱:為您的網站聊天外掛命名(如:公司官網 / 品牌名)

  • 彈窗標題:聊天室上方的標題文字
     例:「歡迎與我們對話!」

  • 彈窗內容:聊天室中的簡短介紹訊息
     例:「有什麼可以協助您的嗎?」

  • 歡迎訊息(可選):顯示在聊天圖示上方,用以吸引用戶點擊
     例:「需要協助?點我對話!」

  • 顯示位置:選擇圖示出現在網站右下或左下

  • 主題顏色:輸入 HEX 色碼以設定聊天室主色系

  • 邊距設定:建議設置「右邊距」與「下邊距」為 20(單位:像素 px)

  • 語言:選擇聊天外掛語系:
     English(英文)、繁體中文、簡體中文


通訊渠道設定 Channels Settings:

  • Channels 渠道:選擇您剛才建立的 Web 渠道

  • > Web Channel Settings

    • 啟用機器人處理對話:指定機器人流程處理網站聊天互動,自動回覆常見問題,蒐集用戶資料。

    • 要求聯絡資料(可選):要求顧客在對話前填寫 Email 或電話,方便後續追蹤聯繫。


  1. 完成後,點擊「儲存 Save」。


  1. 完成後,系統會產生預覽視窗,您可看到歡迎訊息、彈窗標題與內容顯示效果。
    如需修改,可調整設定後再次點選「儲存」。

  2. 在右側欄位會顯示一段 JavaScript 程式碼複製該段 JavaScript 程式碼


  3. 將程式碼貼至您的網站 Footer 區塊(底部),即可將聊天外掛成功嵌入網站。

常見問題(FAQs)

常見問題(FAQs)

常見問題(FAQs)

  1. 我可以將網站訪客導流至 WhatsApp API 嗎?
    可以,您需先在 iSlash AI 帳戶中整合 WhatsApp Business API,
    然後前往 設定 > Web Plugins > Channels Settings,在下拉選單中勾選啟用 WhatsApp 即可。