Design News

網頁設計新知

如何在網站嵌入Facebook messenger(即時聊天軟體)?(2022.09版)

Sep 27, 2022
網頁設計的網站經營中,顧客與店家間很注重雙向間的溝通,扣除網站本身通常都會配置的「線上諮詢表單」、客服電話外,
顧客們通常會希望可以更即時的與店家進行溝通,市面上舉凡很多「線上即時客服」工具,
但是通常需要更進一步功能設定時,都是需要額外做付費的,
而今天我們所介紹的這套小工具現階段是免費的,讓我們趕快來了解申請方式吧!

↪ 備註:申請前,需先有Facebook的粉絲頁管理員權限唷!

以下就開始來介紹它的設定方式吧!Facebook Messenger 內嵌串接

步驟一、登入您的Facebook管理您的粉絲專頁
需先申請Facebook Meta Business Suite的粉絲專業管理者權限Meta Business Suite
或直接前往
https://business.facebook.com/做申請



步驟二、登入後左側選單中,請點選「收件匣」功能清單

網頁設計Messenger內嵌串接



步驟三、選擇右上角的「」,點擊後選擇「查看所有設定」。(如下圖所示)

網頁設計Messenger內嵌串接



步驟四、選擇「洽談外掛程式」,並於「網站網域」欄位中輸入您的完整網址,須包含http://https://,右側的視窗可以做即時預覽。
備註:若有多組網址,請利用欄位右側的「」進行編輯。

網頁設計Messenger內嵌串接



步驟五、於「自動化」標題右側點擊「」做展開與縮合,
編輯您的Facebook Messenger預設對話,
您亦可先編輯常見問答讓顧客可以優先查看相關訊息的解答。


網頁設計Messenger內嵌串接



步驟六、可依據需求「打造專屬的洽談外掛程式」。

網頁設計Messenger內嵌串接




步驟七、以上設定皆完成時,請點選頁面最下方的「發佈」按鈕。
網頁設計Messenger內嵌串接



步驟八、發佈成功後,畫面會有一大段「內嵌碼」提供,您僅需要複製該一整段的語法,提供給鉅潞科技網頁設計專案經理即可。

網頁設計Messenger內嵌串接


您也可以參考鉅潞科技目前已有安裝「Facebook Messenger 內嵌串接」的實績案例唷!
德妮國際文教機構
薌園生技食品


更多網頁設計作品,請由此進入!➠按此
想了解更多網頁新知,請由此進入!➠按此



鉅潞科技 ◆ 網頁設計的專家
我們提供客戶客製化網頁設計RWD網頁設計、AWD網頁設計、手機版網頁設計、虛擬主機租用、線上金流串接超商物流串接、簡訊系統串接、資料庫整合、電子發票串接、關鍵字行銷、......等多項服務。
為您提供多樣化的服務,替您的網站開啟全新風貌!