• 跳至主要導覽
  • Skip to main content
  • 跳至主要資訊欄

免費資源網路社群

免費資源指南,每日網路資訊與科技新知

  • 免費軟體
    • Mac
    • VPN
    • 瀏覽器外掛
      • Chrome
      • Firefox
      • Safari
    • 防毒軟體
    • 系統工具
    • 圖片處理
    • 文字編輯
  • APP
    • iOS
    • Android
  • 線上工具
    • 雲端掃毒
    • 線上翻譯
    • 線上轉檔
    • 縮網址
    • 產生器
    • Proxy
  • 免費空間
    • 網路硬碟
    • 圖片空間
    • 影片空間
    • 網站空間
  • 熱門主題
    • YouTube
    • Facebook
    • Dropbox
    • LINE
    • 字型下載
    • 免費圖庫
    • 限時免費
  • 網路科技
    • 個人服務
    • 實用教學
    • 免費桌布
    • 資料查詢
  • 架站資源
    • WordPress
    • DNS
    • 素材模版
    • 免費圖示
    • 搜尋引擎最佳化
    • 網站監測
  • 編輯精選
首頁 / 素材模版 / 網誌物件 / Facebook 推出「顧客聊天外掛程式」為 WordPress 快速加入聊天外掛功能

Facebook 推出「顧客聊天外掛程式」為 WordPress 快速加入聊天外掛功能

Facebook 推出「顧客聊天外掛程式」為 WordPress 快速加入聊天外掛功能

去年底 Facebook 推出「顧客聊天外掛程式」(Customer Chat Plugin),也就是將現有的聊天室功能串接到一般網站、部落格的實用工具,對於需要提供客戶服務來說也非常有用,不用受限於 Facebook 粉絲頁面,從網站裡一樣可以進行線上交談,通常會拿來做購買前諮詢或售後問答服務。我之前寫過一篇 「Facebook 顧客聊天外掛程式將 Messenger 嵌入網站提供即時通訊教學」,要將外掛工具放入網站並不會太困難,只需要修改一下程式碼即可。

如果你是使用 WordPress 自行架站(是 WordPress.org,不是 WordPress.com,兩者不同),好消息是 Facebook 終於推出官方版免費外掛「Messenger Customer Chat」,這個外掛讓站長可將顧客聊天功能整合到 WordPress 網站,完全不需要自己修改佈景主題或程式碼,幾乎是全自動化!目前已經上架至 WordPress 外掛資料庫。

透過 Messenger Customer Chat 可開啟快速設定模式,透過互動式介面選擇你要顯示的樣式和說明文字,最後將產生的程式碼自動回傳 WordPress,儲存後即可在 WordPress 網站看到效果,對於不知道應該如何修改網站原始碼的朋友來說會很有用。

網站名稱:Messenger Customer Chat
網站鏈結:https://wordpress.org/plugins/facebook-messenger-customer-chat/

使用教學

STEP 1

首先,開啟你的 WordPress 控制台,從左側選單點選「外掛」功能。

Messenger Customer Chat

接著按上方「安裝外掛」直接將下載的 Messenger Customer Chat 外掛壓縮程式上傳即可安裝,我在測試時發現從搜尋功能無法找到這個外掛,不確定是不是尚未被收錄到索引中,如果你遇到無法找到該外掛的問題,就是從官方資料庫下載然後手動安裝。

Messenger Customer Chat

STEP 2

安裝後啟用外掛,側邊欄選單就會多出一個「Customer Chat」功能,第一次使用先點選「Setup Customer Chat」設定顧客聊天外掛,設定後會產生程式碼並自動載入你的網站外掛選單。

Messenger Customer Chat

STEP 3

接著會開啟 Facebook 的 Messenger Customer Chat 設定功能,在第一個畫面中必須先選擇你要加入網站的粉絲頁面。

Messenger Customer Chat

會有一個簡單的介紹說明,告知使用這個功能是將 Messenger 新增到你的網站。

Messenger Customer Chat

STEP 4

重點來了,預設情況下如果語言是英文,請先選擇「中文(台灣)」將介面改中文,然後把其他選項都調整一下。

Messenger Customer Chat

有使用過 Messenger 的話應該會知道上方都會顯示一個「回覆時間」,告訴使用者你可能會在多久之後回覆訊息,這部分可以自行修改,或是維持預設值讓 Facebook 依照你的回覆情形自動顯示,如果你想讓 Messenger Customer Chat 更貼近網站色彩,讓它看起來不要太過突兀或不和諧,亦能在外觀選項上自訂顏色。

Messenger Customer Chat

設定結束,點選右下角的「完成」返回 WordPress 控制台。

Messenger Customer Chat

STEP 5

原有的 Customer Chat 外掛頁面就會帶入剛才設定好的程式碼,同時為啟用狀態,別忘記點選「儲存變更」將這些紀錄儲存起來。

Messenger Customer Chat

不過你可能發現一個問題,就是在設定時如果輸入中文歡迎文字可能無法正確帶入外掛中,沒關係,點選「Edit Code」編輯程式碼,將最下面 logged_in_greeting 和 logged_out_greeting 改成你要顯示的歡迎文字。

Messenger Customer Chat

STEP 6

若你的網站有使用快取(Cache)外掛,別忘記將快取檔清除,回到首頁應該就能從右下角看到 Messenger Customer Chat 功能,是一個小小的 Messenger 圖示,點選前會出現歡迎文字,點選「開始洽談」就會跳出對話視窗。

Messenger Customer Chat

操作上大概就像下圖這樣,能為你的網站或部落格提供更即時的 Live Chat 功能。

Messenger Customer Chat

值得一試的三個理由:

  1. Facebook 在 WordPress 外掛程式庫上架顧客聊天功能
  2. 一鍵快速設定,無須修改佈景主題原始碼
  3. 設定完成後會自動將程式碼帶入 WordPress

分類:站長工具, 網誌物件, 線上工具 標籤:Customer Chat Plugin, Facebook, Facebook Chat, Facebook Messenger, Live Chat, Messenger, Widgets, WordPress, WordPress Plugins, WordPress外掛, 傳訊息, 即時通訊, 實用教學, 按鈕, 教學, 教學相關, 社交網站, 社群網站, 社群網路, 科技新知, 站長工具, 網站工具, 網站開發, 線上交談, 線上聊天, 臉書, 行銷相關, 通訊相關, 部落格外掛, 部落格工具, 開發, 開發工具, 顧客聊天外掛

Avatar for Pseric

關於 Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

主要側邊欄

使用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站新文章,使用電子郵件接收通知。

站內搜尋

最新文章

  • Hexometer Website Analyzer 分析網站使用那些第三方服務或工具(Chrome、Firefox)
  • Online Video Cutter 線上影片裁切工具,集合旋轉方向和調整畫質功能
  • 換新手機如何備份和轉移 Google Authenticator 兩步驟驗證資料?
  • Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌(Chrome 擴充功能)
  • Go64 升級 macOS 10.15 前幫你檢查電腦上還有那些 32 位元應用程式
  • Headset 跨平台音樂播放器,全天免費聽各種類型音樂
  • UNIQLO 商品價格追蹤、比價網站,找出歷史高低價差變化
  • Hide Likes Everywhere 隱藏臉書、IG 按讚愛心數,回歸最真實的分享(Chrome、Firefox)

精選主題

  • 思源黑體:Adobe 與 Google 合作開發開放原始碼中文字型
  • 思源宋體 Noto Serif CJK 字型免費下載!Google、Adobe 再次攜手推出開放原始碼字體
  • Apple Music 登陸台灣!免費三個月試用音樂串流服務,不聽音樂要幹嘛?
  • [下載] WinRAR 解壓縮軟體正式推出中文免費版,別再用盜版破解版了!
  • Mipony 白馬下載器:網路下載必裝!支援數百免空可突破下載限制
  • Outline 來自 Google 全自動自架 VPN 安裝工具,突破中國網路封鎖限制
  • Cloudflare 1.1.1.1 免費公眾 DNS 服務,創造更快速、安全隱私的網路環境
  • Spotify 免費聆聽 4000 萬首歌,音樂串流應用 iOS、Android 版下載
  • Kaspersky Free 2019 卡巴斯基最新免費防毒軟體下載,改善速度、安全性和掃描技術
  • Peggo 終止服務!5 個 YouTube 轉檔下載替代方案推薦
  • 日本亞馬遜 AmazonGlobal 線上購物直送台灣,免消費稅免找代購
  • 台北黑體 Taipei Sans TC 繁體中文字型免費下載,更適合印刷的字體風格
  • PS4 Pro 更換 SSD 教學,也許最大的敵人不是魔王而是讀取速度太慢
  • 中華郵政 i郵箱初體驗,24 小時自助郵局寄件取件超方便
  • YouTube Music 免費音樂串流服務正式登場,升級 Premium 零廣告體驗

贊助商連結

實用教學

  • 46個免費圖庫網站總彙整
  • 15個免費下載高解析度圖片最佳圖庫
  • 下載高畫質相片素材的13個免費圖庫資源精選
  • 12個你應該知道的中英文假字、文章產生器
  • 20個免費下載創用 CC 授權音樂的網站彙整
  • 40個設計師必備免費資源超推懶人包
  • Google 商家被留負評該檢舉刪除?或許業主更該做的是回應疑慮
  • Facebook 全新下載資料副本功能,一次備份所有臉書記錄匯出
  • Instagram 資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄
  • 7 個線上接收手機簡訊驗證碼的免費網路服務整理
  • 如何重灌 Mac 電腦?重新安裝 macOS 自動更新為最新版本教學
  • PayPal 兩步驟驗證設定教學,以手機簡訊或應用程式降低被盜用風險
  • 以 YubiKey 實體安全金鑰設定 Google 兩步驟驗證教學

WordPress 架站資源

  • 搬家自架 WordPress 推薦的五個虛擬主機服務
  • 架站更上一層樓,我推薦的五個虛擬專屬主機(VPS)服務
  • WordPress Hosting 架站空間精選,最多人推薦的五個國外虛擬主機方案
  • 如何挑選一個適合你的虛擬主機服務?我參考的七個比較項目
  • 自架 WordPress 虛擬主機租用教學,將網誌備份匯出、匯入到新家
  • 在 WordPress 設定 HTTPS,強制使用 SSL 安全加密協定教學
  • 殺手級 WordPress 體檢項目:101 個建立新網站的超簡易捷徑!
  • Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學
  • 台灣用戶也能在 Google Domains 註冊購買網域名稱,詳細申請設定教學
  • 16 個免費網站速度測試工具推薦!網頁效能評比,搜尋引擎最佳化必備
  • 亞馬遜 VPS 服務 Amazon Lightsail 搭配 ServerPilot 快速架設 WordPress 教學
  • 165 個 WordPress 官方開發佈景主題設計 Jetpack 使用者免費下載
  • 使用 Google Cloud Platform 雲端主機免費版架設 WordPress 教學
  • 使用 Cloudways 架設 WordPress 網站教學,快速部屬最佳化環境
  • RunCloud 佈署最佳化主機環境,整合 DigitalOcean 架設 WordPress 教學
  • 使用 SiteGround 虛擬主機一鍵快速安裝 WordPress 教學
  • Cloudflare 變身域名註冊商,以最低價續費含免費 SSL、WHOIS 隱藏功能
  • FastComet 評價極高的虛擬主機推薦,一鍵安裝 WordPress 教學

贊助商連結

Powered by Cloudways
We Love Jetpack!
Stock Photos, Vectors and Royalty Free Images from 123RF

授權方式

免費資源網路社群由 Pseric 製作,以創用 CC 姓名標示-非商業性-禁止改作 4.0 國際授權條款釋出。

  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
  • Instagram
  • RSS

免費資源網路社群使用 WordPress 建置,最高級的語意化個人出版平台・關於本站・隱私權政策