innstory

整合Facebook粉絲專頁的即時訊息，Zotabox網站打造免費線上支援平台。

還記得在msn的年代，msn有提供在網站上架構即時通訊功能，方便網站管理者與user直接交談~

現在，Facebook的即時訊息也可以透過Zotabox網站達到部分功能。

但為何說是達到部分功能?

因為這項服務仍無法達到在網頁內雙方同步交談，因此它仍不能算是非常完整的 Live Chat....

但，對於線上服務來說，仍然是值得一試啊。

以下開始說明該如何來設置這個服務~


首先，點選 (GET YOUR FREE FACEBOOK LIVE CHAT TOOL HERE)進入操作頁面~


在設定工具畫面可以跟著(1)(2)(3)的步驟開始操作自訂，這部分是調整包括要顯示的文字、圖示、顏色，以及標籤樣式、文字大小與位置。

足一說明如下:

(1)Customize Your Tab，這裡我先在欄位上填寫了(傳個訊息給我)


接著在框框內我可以改變標籤要顯示的圖示。


然後右邊選項改變標籤背景顏色和標籤文字顏色。


Font type改變字體

Language可選擇中文(台灣)

Text size改變標籤的顯示文字大小

Tab style改變標籤顏色風格看要選擇漸層還是平面

Tab Slider改變標籤在網頁頁腳要顯示的位置

當然還可以選擇要以文字顯示還是圖片顯示


(2)Enter Your Facebook Fanpage，這個欄位是要填寫Facebook的粉絲專業網址

這裡直接把網址貼上即可。


(3)Choose Tab Action，選擇標籤操作基本上保持預設即可。


接著，我們可以點選(PREVIEW)來預覽在網站上呈現的結果。

若沒問題~只要將(Facebook Live Chat)選擇on，再點選(SAVE)


當然，系統會要求先登入或建立一個新的帳號。


最後 Zotabox 會顯示出你網站的內嵌程式碼（Embed Code）

只要複製程式碼，將它貼到網站 ＜/body＞ 標籤以前，就能在網站使用 Zotabox。

效果可參考 innstory.com 裡的配置。

另外，目前免費的功能只支援一個帳號建立一個訊息工具~

Zotabox也提供了其他免費或付費的工具配置，可參考使用。

網站名稱：Zotabox

網站鏈結：https://zotabox.com/dashboard/連結網址