fbpx

【教學】如何在網站加入FB Messenger讓訪客和你立即聯絡

by | 3 月 31, 2021 | 網站架設 | 0 comments

【教學】如何在網站加入FB Messenger讓訪客和你立即聯絡

使用fb聊天室外掛,讓你快速地在網站上與客戶直接對談,減少客戶跳脫網頁的機會。

用fb聊天室外掛和客戶對談時,除了可以立即回答客戶的問題之外,還可以在fb上留下下一次和客戶接觸的機會。過去如果只留下電話,可能有些訪客可能因為不想留電話而失去一個服務客戶的機會。

現在使用fb聊天室外掛,就可以大大減少這個問題的發生,而對於訪客來說,留下問題詢問的意願也會大大提高。

在這篇文章中,我將用最簡單的步驟,讓你快速地在網站中安裝好fb聊天室外掛。

為什麼要使用FB Messenger?

FB Messenger讓訪客和你立即聯絡 13

以上圖來看,在網頁中顯示出可以直接與粉絲專頁對話,主要的目的有以下三點

  • 讓訪客直接與網頁主人聯絡
  • 增加訪客互動與訪客留存率
  • 提高下次再行銷的機會

在WordPress裡,只使用這個外掛,就可以簡單達到這個目的,真的十分推薦使用喔。

在近期Facebook粉絲專頁本身已提供了【內嵌代碼】與【WordPress外掛】的方式來進行,這裡比較推薦使用內嵌代碼的方式來進行喔。

如何使用FB Messenger 內嵌代碼

使用內嵌代碼的好處,就是可以讓你的網頁在載入時,可以以較快的方式載入完成。WordPress裡只要外掛使用的少,一定可以某種程度上,讓網頁載入的時間變好。所以當然是推薦使用代碼的方式來進行這項功能的安裝喔。

現在就跟著以下的步驟來進行吧。

1.開啟粉絲專頁收件匣

【教學】如何在網站加入FB Messenger讓訪客和你立即聯絡_12

2.點選洽談外掛程式

fb messenge 洽談外掛程式

3.進行相關設定

fb messenger 洽談外掛 設定

這部份可以看到4個區塊

區塊①設定你的洽談外掛程式

這部分需要一些版面,我留到②③④區塊說明完之後來補充。

區塊②開始對話

fb messenger 開始對話

這部分主要是用在設定於訪客在點開你的洽談外掛時,你所想要給他看到的歡迎訊息與常見問題。在常見問題裡,可以用自問自答的方式,讓訪客可以快速了解服務的相關內容。

區塊③打造專屬的洽談外掛

FB Messenger讓訪客和你立即聯絡 16

這部分分為四個設定,分別是:

  • 問候語:這是用來在訪客還沒開啟對話時,你想讓訪客看到的歡迎語。
  • 訪客洽談:這裡是個開關,主要讓訪客不必登入Messenger就可以留言對話,但Joyy在這是沒有開啟訪客功能,主要還是在實務上,因為留言的訪客如果沒有登入,我未能及時回覆的話,訪客就離開對話了,這樣我也無法再次留下訊息,所以我個人的實際經驗上,是不會開啟訪客的。
  • 自訂色彩:可用來把洽談外掛設定成和網站同色系,來讓訪客看起來都是一致性的。可以依需求自行調整。
  • 對齊:就是用來設定洽談外掛在網頁上要出現的位置與是否預整設是否展開。如下圖
fb messenger 洽談外掛

區塊④ 洽談外掛預覽

相關的變更在修改之後,都會在這上面直接看到變更前後的結果。

4.FB Messenger 內嵌代碼取得

上述的步驟,如果你已經完成 2~3 區塊了,這裡就可以從區塊①中的【設定】來取得代碼。

點擊【設定】後,FB Messenger洽談程式外掛,就一共只有4個步驟的設定,如下圖。

FB Messenger讓訪客和你立即聯絡 17
FB Messenger讓訪客和你立即聯絡 18
FB Messenger讓訪客和你立即聯絡 19
FB Messenger讓訪客和你立即聯絡 20

在內嵌代碼中,步驟3可以複製已經設定好的相關程式碼,這時依照指示,把程式碼放入WordPress <body> 內嵌程式碼之中,通常只要你有使用【主題編輯器】,就一定會提供相關的位置,來供你把程式碼貼上。

以Joyy我的為例,我是使用 DIVI 這個主題編輯器。如果你也是和我用一樣的,你就可以到

WordPress的後台 → 控制台 → DIVI → Theme Options → Integration

找到內鍵提供放入嵌入代碼的<body>區域,如下圖

FB Messenger讓訪客和你立即聯絡 22

代碼放置好後,按下SAVE,這時只要到自己的首頁,就會看到FB Messenger洽談外掛安裝完畢囉。

如何下載與安裝FB Messenger WordPress 外掛

你可以在點擊下方連結,即可有官方的使用說明。

Facebook 聊天室官方外掛程式

或是在WordPress的後台,外掛裡的下載外掛,【關鍵字】的地方輸入【facebook聊天室】後進行直接安裝。

FB Messenger讓訪客和你立即聯絡 02
【教學】如何在網站加入FB Messenger讓訪客和你立即聯絡_03

如何進行FB Messenger外掛設定

FB Messenger讓訪客和你立即聯絡 05
圖一

在安裝完成後選擇【啟用】,即會在WordPress後台的下方出現一個叫做【Customer Chat】的選項。如上圖圖一

點擊【Setup Chat Plugin】,就可以開始進行設定了。

fb messenger 新增到網站的設定
圖二

進入設定時,會先出現【選取粉絲專頁】的畫面。如上圖二

fb messenger 新增到網站的設定
圖三

選好粉絲專頁後,接著FB Messenger會提示你即將把Messenger新增到你的網站。如上圖三

fb messenger 新增到網站的設定
圖四

這時會出現三個基本設定

  • 語言:預設是English,再選成繁體中文即可。
  • 問候語:這是留下的第一句話,預設設定是Hi How can we help you?,你可以再改成你需要的。
  • 訪客洽談:這個功能還不錯,畢竟有些人可能真不想用臉書的本尊帳號和你聯絡,開啟這個功能,就可以匿名詢問事情囉。
fb messenger設定
圖五

上圖圖五,就是我某個網站的相關設定,你可以參考看看,是不是也將FB Messenger做類似這種設定。

fb messenger設定
圖六

再來就是一些基本外觀的設定,這個可以依你個人的需進行一些微調或調整出個人風格的。如上圖六。

fb messenger設定
圖七

完成相關流程的選項設定時,就會出現你的洽談外掛程式已準備就緒的字眼,這時就是完成囉。

很簡單吧!

如果你在安裝的過程有任何問題,歡迎你在下方留言的地方,留下你的問題,我將會盡快回覆你喔。或是直接透過FB Messenger和我聯絡吧!

結論

兩種方式,都各有優缺點,但仍然推薦是使用【內嵌代碼】的方式,來安裝FB Messenger洽談程式。原因還是主要為了讓載入速度能夠好一些,雖然有使用這類的外掛,多少都會影響速度,但如果能用代碼就用代碼,這目前是Joyy我在網站建置時,會持續去注意的地方。

如果你有更好的方式,也歡迎你在下方留言的地方,和我一起分享喔。

如果對於這篇文章,有任何問題或建議,歡迎在下方留言處留下你的建議與問題。你的留言將會幫助到和你一樣有相同問題的人喔。

I'm Joyy

網路行銷玩家,對行銷、產品策略規畫、數位廣告投放均有涉獵。喜好分享網路行銷相關知識與內容,致力推廣網行銷相關資訊,期待透過自身行銷技能為客戶建立價值,創造不同的行銷模式。

免費課程

WordPress架站教學

不定時更新課程內容。一同推廣WordPress網站架設教學,讓WordPress更加普及。有興趣可以至下方直接註冊索取。

付費課程

聯盟行銷-部落格行銷術

介紹台灣2個聯盟行銷平台。通路王與聯盟網。透過實際操作步驟,一步步教會你,如何使用部落的方式,來替你有興趣的市場,建立屬於你的行銷聯盟收入。讓你每天用你的空閒時間,來為自己建立額外收入來源。並學習到基礎的網路行銷技術與觀念。

0 Comments

留言回應