Wix

此頁教學將詳細說明嵌入整合SeaChat AI助理到您Wix網站的過程。

步驟1:創建一個SeaChat帳戶

如果您還沒有SeaChat帳戶, 您可以在 SeaChat網站免費註冊! 然後您可以將構建好的AI助理,移至您的Squarespace網站上。

步驟2:開啟Wix

前往您的Wix網站的儀表板上。在右上角選單選擇「Design Site」。

Go to your Wix dashboard and click on Design Site from top right menu.

步驟3:開啟網站工具

接著,在側邊選單中選擇「Add Elements」。

Click on Add Elements on Wix

步驟4:開啟程式注入

在側邊選單中選擇「Embed Code」 -> 「Embed HTML」。

Select Embed Code and then Embed HTML.

步驟5:複製SeaChat程式代碼

您需要登入SeaChat才能查看此程式片段。您可至SeaChat免費註冊。在SeaChat儀表板的工作區內導航至「AI助理配置」->「頻道」,並在Wix頻道下,來取得所需的程式片段。

從Seachat上的Wix整合設置中取得的SeaChat程式片段,並貼上到文本框中。記得按「Update」。

Paste the SeaChat code snippet in the HEADER text box. Remember to click SAVE.

步驟6:調整嵌入元件大小

調整嵌入元件的大小,以保證對話開啟後網頁上保留足夠空間給對話框。我調整大小為W: 700, H:600。調整大小過後,將元件拖曳到你喜歡的地方,一般來說會放在網頁右下角。

Adjust chat widget size

步驟7:固定元件位置

我們建議固定SeaChat元件的位置,以便在訪客滾動頁面時元件不會到處移動。選擇SeaChat元件 > 右鍵點擊 > 選擇「Pin to Screen」。然後此組件將固定在角落並浮動。

Adjust chat widget location

您可以調整邊距。我們建議將垂直(Vertial)和水平(horizontal)設置都設為20。

Adjust chat widget location

步驟8:儲存並預覽

使用Wix上的「Preview」功能來測試AI助理。當您準備好時,記得重新啟動網站!

非常重要: 如果您想要配置小工具的樣式,請前往「頻道」->「網頁AI助理」->「基本設置」。您的AI助理將在您的網頁聊天掛件頻道中共享相同的樣式。

Preview SeaChat agent on website

步驟8:(Optional)移除其他聊天機器人

請移除任何其他的聊天機器人服務,以避免混淆。如果您之前的聊天機器人服務是通過程式嵌入整合的,請小心移除。

協助支援

需要協助?歡迎聯絡我們 seachat@seasalt.ai.