網頁即時通訊小工具

網頁即時通訊小工具是一顆聊天泡泡，只要一個 <script> 標籤就能放到任何網頁上。訪客和您的 AI 對話；當有人接手時，他的回覆會出現在同一顆泡泡裡 — 即時。

把它加到您的網站

把這段程式碼貼在結尾的 </body> 標籤之前：

<script src="https://blz.actionbridge.io/support/widget.js" data-key="wk_your_key_here"></script>

小工具會在自己的框架中載入，所以不會和您網站的樣式或指令碼衝突。

選項

如果您的頁面在同一個角落顯示 reCAPTCHA 標章，小工具會自動往上抬，讓兩者不會重疊。

小工具說什麼語言

不去動它的話，小工具會跟著每位訪客自己瀏覽器的語言。一位日本訪客到英文網站上，看到的是日文泡泡；完全不需要設定，而且同一個頁面的不同訪客可以看到不同語言。

如果要改成固定一種語言 — 不論讀者是誰都只服務單一市場的網站 — 請加上 data-lang：

<script src="https://blz.actionbridge.io/support/widget.js" data-key="wk_your_key_here" data-lang="ja"></script>

已翻譯成 11 種語言：英文、日文、韓文、中文（簡體與繁體）、西班牙文、法文、德文、葡萄牙文、阿拉伯文和俄文。阿拉伯文採用由右至左的版面；中文會跟著訪客使用的字體 — 台灣、香港和澳門顯示繁體，其他地區顯示簡體。其他任何語言都會退回英文，而不是顯示一顆翻到一半的泡泡，所以 data-lang="it" 給您的會是英文。

由我們代管的網頁表單也是一樣：在它的網址後面加上 ?lang=ja 就能固定語言，不加則跟著訪客。

品牌顏色

在您選定之前，聊天會使用我們的藍綠色。選好您自己的顏色後，它會用在聊天的標題列、按鈕和您客戶自己傳送的訊息上，用在聊天開啟時啟動器上的關閉（✕）按鈕，也用在由我們代管的網頁表單上。

1. 開啟您 desk 的 Settings。在 Web chat 區段中，就在 Chat bubble icon（聊天泡泡圖示）下方，找到 Brand colour（品牌顏色）。
2. 選一個顏色，然後點選 Save colour（儲存顏色）。
3. 改變主意了嗎？Reset to default（重設為預設值）會把我們的藍綠色放回去。

您的顏色會在大約 5 分鐘內套用到您的網站，不需要重新貼上任何東西。和圖示一樣，只有 desk 的管理員和擁有者能更改它。

使用您自己的泡泡圖示

預設情況下，您網站上的啟動器是我們的藍綠色泡泡，上面有一個對話框圖示（💬）。您可以換成自己的 PNG，讓小工具看起來就像是您網站的一部分。您上傳的圖片會變成整顆按鈕：它會填滿整個 56 像素的啟動器，我們也不再在它後面畫上自己的藍綠色圓形。

1. 開啟您 desk 的 Settings。前往 Web chat 區段，找到 Chat bubble icon（聊天泡泡圖示）。
2. 點選 Upload PNG（上傳 PNG）並選擇您的檔案。按鈕旁邊的預覽泡泡會準確顯示啟動器將會長什麼樣子。
3. 改變主意了嗎？Reset to default（重設為預設值）會把我們的對話框圖示放回去。

啟動器是以 56×56 像素繪製的，所以 112×112（或更大）的原始檔能讓您的標誌在高解析度螢幕上保持銳利。我們會為您加上一道淡淡的陰影，並且會沿著您圖稿的輪廓，所以不必自己把陰影畫進 PNG 裡。

啟動器圖示是一張圖片，所以您的品牌顏色不會替它重新上色 — 您上傳的圖示就是訪客看到的樣子。因為我們的圓形已經不再畫在您的圖片後面，透明的 PNG 意味著訪客看到的顏色就是您自己圖稿的顏色。

訪客看到什麼

1. 他們打開泡泡，留下姓名、電子郵件和第一則訊息。
2. AI 作答，依據您的知識並附上來源，就在對話裡 — 不必等您團隊裡的任何人。
3. 真人可以接手 — 他的回覆會在幾秒內出現在同一場對話中。

他們留下的電子郵件就是下一次辨識他們的依據 — 請參閱您的客戶資料。

網頁即時通訊是五種進來的方式之一 — 請參閱客戶如何找上您，以及對話開始之後工單如何運作。