想要在網站上加入對話聊天功能，你可以找到 Zendesk Chat這種專業線上交談的工具，但是卻負擔不起費用嗎，Pure Chat是我在試過多項服務後發現表現穩定，也很適合一般小型網站使用的線上客服聊天工具！輕鬆就能在你的網站中加入一個對話泡泡，並讓訪客與你展開即時對話！

除了 Zendesk這項付費的服務外，相信你也聽過很知名的 tawk.to，這也是一個免費且全面的服務，不過也許就很全面 tawk.to的設定上我認為比較繁多一點，因此我會推薦使用 Pure Chat。另外一個因素是，tawk.to在我自己的網站上一直設定不起來，找不到原因就是不顯示對話窗。

一、吸引人的特色

1. 自訂客服人員的照片、名稱
2. 自訂客服泡泡樣式、打招呼內容等
3. 可以排程客服泡泡顯示的時間；不在線上的時間可以轉為接收留言電子郵件。
4. 新訊息通知除了在瀏覽器顯示，也可以傳送到 iOS或 Android手機，讓你不會錯過任何一個訪客訊息
5. 多權責的團隊角色設定
6. 可以設定罐頭回覆，讓你不必重複輸入相似訊息
7. 可以整合 Google Analytics、Zapier和 HubSpot...等服務

免費版的限制：無限制的訪客對話、最多 3 位客服人員、使用在 1 個網站。最開始註冊完成後，可以享受 30天的進階版功能，時間到了以後會自動變為免費版，同樣可以繼續使用，並不會強制付費，也沒有煩人的廣告。如果真的很喜歡這項服務，可以購買升級付費方案，作為支持 Pure Chat！

二、註冊 Pure Chat（無須信用卡或支付資訊）

1. 前往 Pure Chat官方網站註冊帳號，註冊完成後會自動前往設定精靈頁面！
2. 中間的畫面我們會看到 Install script on your website（將語法安裝到網站）、Get the mobile app and set up notifications（取得 APP並設定通知）、Customize your Website（自訂網站）
   這裡我建議先前往 Customize your Website，設定完成後我們在將語法安裝到網站顯示

三、Customize your Website 自訂網站

當你改變這裡的設定時，可以先參考右側的預覽視窗，是不是符合期待的感覺，確認則按下右上角的 Save。下面會把個別頁籤的主要功能做簡單的介紹：

1. Design頁籤
   Desktop 和 Mobile表示你可以在電腦版以及手機板上顯示不同的資訊。
   When Operator is… 下方有 Available 和 Unavailable，表示當客服上線和客服不在線上時，要顯示的歡迎詞。
   Position 則是讓你選擇對話泡泡要顯示在哪邊。
2. Chat頁籤
   Start Chat 表示當訪客發起對談時的資訊，這裡你可以設定歡迎語和訪客需要填寫的資訊。
   Chatting 當客服也接受了這個對談後的預設招呼語。如果你要開啟檔案傳送，別忘了把下面的 Enable File Transfer 打勾！
   After Chat 當雙方對談結束後，顯示的資訊。如果你希望記錄訪客對於本次對談的感受，可以把 Ask For Rating打勾，這樣訪客可以針對對談評價；如果要顯示特別的連結給訪客，則可以勾選 Custom Link Button設定；如果你希望訪客可以下載對話記錄，則要勾選 Download Transcript Link。
3. Unavailable 頁籤
   When unavailable show 是當客服還沒有上線時，對話泡泡要做的動作。你可以選擇不要顯示對話泡泡、顯示特定的詞語或顯示 Email表單。我建議可以使用 Email表單，這樣你可以隨時掌握不在你服務時段造訪網站的訪客可能的訊息。
4. Email Form 頁籤
   這個頁籤就是設定前一個選項，當你不在線上時的表單收集內容。這裡我建議將表單設定的簡單一些，不需要想著收集全面的資訊，讓訪客可以快速使用比較重要。
5. Triggers 頁籤
   這裡是讓你設定動作來觸發對話泡泡的功能；你可以使用 Time Based Trigger 依據時間來觸發或 Page (URL) Based Trigger 依據網址來觸發。
   如果你希望持續顯示對話泡泡，那麼可以不用設定這個地方。
6. Hosted 頁籤
   如果你希望使用一個線上對談客服，但是不想要放置對話泡泡或希望也能提供連結時，在 Hosted頁籤中把 Enable Hosted Chat Page 勾選後，你可以複製下方的連結，透過這個連結就可以進到網頁的對談介面囉。
7. Transcripts 頁籤
   這裡可以讓你設定要將對話紀錄自動傳送給那些人。

四、Install script on your website 安裝語法到你的網站

前面都設定完成後，我們要將語法安裝到網站了！你可以點選左側的 Website圖示（倒數第二個），進入後會看到 Website Name，點一下鉛筆可以編輯你的網站名稱，這個是用來識別用的。按下後方的「Get Code Snippet」：

1. Install Pure Chat on Your Website
   將下方的代碼複製後貼到你的網站</body>標籤之前就可以了。
   WordPress網站的使用者，可以從「外觀」>「佈景主題編輯器」中找到 footer.php 並貼入上述的代碼；或是你可以使用 Pure Chat官方的外掛來做設定。
   如果使用編輯佈景主題的方式，記得要使用「子佈景主題」才不會被更新覆蓋掉喔。
2. 安裝代碼完成後，在網站前台就可以看到你剛剛設定好的對話泡泡顯示囉。
   如果 WordPress網站沒有顯示，記得把你的快取清理一下就會顯示囉！

五、不想在某些頁面顯示對話泡泡

某些頁面你可能不需要顯示對話泡泡，這個時候你可以同樣的在 Website這個頁面進行設定

1. 按一下 Domain 下面的「鎖頭圖示」
2. 把不想要顯示的網址 URL輸入在下方的 Exclude from these pages欄位即可。
   如果你不想要顯示的網址是：https://life.aceidlo.net/about/
   那你只需要輸入 /about
   然後按下 Enter確認

六、開始聊天！客服上班了！

左上角黃色的 Unavailable for Chat 按一下就會轉換為 Available for Chat，這個時候訪客就會看到你的泡泡招呼語轉為上線的狀態，以便他們和你聯繫。如果客服要下班了，在按一下綠色的 Available for Chat就會變回 Unavailable for Chat的狀態，那麼網站前台也會變為接受留言或是隱藏起來的狀態。

七、其他功能

1. Transcripts頁面（左側第二個圖示）：客服對話記錄會顯示在這邊，勾選以後可以下載 CSV格式的檔案。
2. Contacts頁面（左側第三個圖示）：這裡會將你的訪客做為聯絡人的方式儲存。
3. Reports頁面（左側第四個圖示）：這裡需要付費版，顯示整體的客服對話泡泡報告。
4. Account Setting頁面（左側第六個圖示）：
   • Profile：可以設定目前帳戶的照片和名稱，這個會顯示在客服上線時給訪客看到的資訊。
   • Schedule：如果你希望自動顯示客服對話泡泡可用的時間，那麼可以在這裡設定「上班時間」。
   • Notifications：想要在手機上設定接收通知時可以從這裡下載 APP；如果要改變 PC介面的通知方式，可以在這裡修改。
   • Manage Team：如果你有多個同仁要擔任不同的客服角色，可以在這裡新增。
   • Canned Responses：經常需要回覆的資訊，可以設定成罐頭回覆放在這裡。
   • Banned IPs：受到特定 IP騷擾？在這裡你可以封鎖 IP.
   • Integrations：整合功能。其中 Google Analytics的設定就在這裡，整合後 GA報表就會有點選對話泡泡的次數記錄、評分或電子郵件等追蹤。
   • Plans & Billing：免費版已經不敷使用，可以在這裡購買付費版。
   • Company：公司資訊設定。

以上就是 Pure Chat這個超好用的服務，很適合個人網站、小企業使用！特別是不想要被綁在 Facebook Message的人，因為有 Fb帳戶的人也越來越少了，也很多訪客並不想透漏這麼多資訊，因此提供一個這樣簡單的對話泡泡功能，對你的網站和企業都很加分喔！