Table of Contents

新手必讀:如何將 WhatsApp 新增至 Facebook、Instagram、網頁?

企業設定 WhatsApp Business 後,隨即就可以在 Facebook 官方專頁內新增 WhatsApp 聯絡方式!此舉一方面能讓高潛力客戶更容易與您聯繫、展開消費歷程,另一方面更可以應用到 Facebook 廣告之中,吸引更多顧客主動 WhatsApp 您查詢業務,可謂一舉多得。

而講到新增 WhatsApp 帳戶到 Facebook 專頁上的方法,大家可以按以下 6 個簡單步驟完成設定。

將 WhatsApp 新增到 Facebook 專頁

將 WhatsApp 聯絡方式加到 Facebook 專頁,設定人員的 Facebook 帳號必須擁有該 Facebook 專頁的Admin(管理員)權限。

第一步:點擊到企業的 Facebook 專頁

第二步:在左方欄位點擊 Settings (設定)按鈕(如下圖)

Add WhatsApp Number To Facebook

第三步:於 Settings (設定)頁面下方,點選「WhatsApp」

第四步:輸入您的 WhatsApp 號碼並點擊 Send Code(發送驗證碼)(請記得在 WhatsApp 號碼前方加上所屬地區碼,以香港為例,就需要加上 852。)

第五步:系統將會發送驗證到您所提供的電話號碼內,收到後就可以用該序號完成號碼驗證

第六步:完成驗證後,您便成功將 WhatsApp 號碼加到 Facebook 專頁內!

將 WhatsApp 新增到 Instagram 專頁

目前 Instagram 仍未完全與 WhatsApp 直接串連,WATI 團隊在此特別送上一個小貼士!大家可以利用 WhatsApp 號碼連結,將聯絡方式加到 Instagram  專頁內。大家可參考以下兩個步驟:

第一步:到您的業務官方 Instagram 內,並點擊 Edit profile (編輯帳號)

第二步:在網站欄目單中輸入您的 WhatsApp 連結,例如: http://wa.me/85200000000(同樣地,大家記得需要在電話號碼前加上所屬地區碼,該連結才會生效。)

完成設定並儲存後,大家就可以在 Instagram 頁面上加上 WhatsApp 聯絡方法!

免費設定:如何在網站上加入 WhatsApp 對話按鈕?

憑著 WhatsApp 使用率高企的優勢,大家如能在網站上加入 WhatsApp 對話按鈕,不但能讓瀏覽者更樂於查詢提問外,也能便利到團隊與顧客進一步聯繫,不會因外來因素而「失聯」!

設定 WhatsApp 對話按鈕的步驟非常簡單,以下教大家一個免費的方法,且自己動手就可以,無須任何 IT 知識!

How the final result of the WhatsApp chat button will look like.

WhatsApp 對話按鈕設定教學

第一步:首先,大家可複製並前往以下網址!

https://www.wati.io/whatsapp-chat-button/

WhatsApp Chat Button

第二步:到達網址頁面後,大家就可以見到一系列的 WhatsApp 按鈕設計界面,大家就可以因應品牌網頁的整體視覺風格,設計專屬的 WhatsApp 按鈕

WhatsApp Chat Button Customization

第三步:隨後,大家也可以在 CTA Text  (Call To Action 按鈕)位置,輸入按鈕文字以吸引瀏覽者點擊,例如是「立即 WhatsApp 我們」、「立即展開對話」等

Chat Button Customization

第四步:完成按鈕設計後,大家就可以因應需要,剔選 WhatsApp 按鈕的顯示位置,大家可以選擇在左下方或右下方顯示

第五步:選定位置後,大家就完成了整個按鈕的設計,隨後就可以開始設定 WhatsApp 對話框按鈕的對話設定!

WhatsApp 對話框設定教學

WhatsApp 對話框的設定,指的就是下圖中的各個品牌內容元素:

  • 品牌名稱
  • 品牌簡介
  • 品牌頭像
  • WhatsApp 號碼
  • 預設開場白
  • 預設顧客訊息
  • 對話框背景顏色、角度比例等
Features Of WhatsApp Chat Button

第六步:完成設定後,大家就可以點擊下圖按鈕,取得專屬的 WhatsApp 對話框程式碼

Generate Widget Code For WhatsApp Chat Button

第七步:隨後,系統就會自動生成如下圖的程式碼,屆時大家可以點擊程式碼右上方的 Copy (複製)按鈕,以便貼上至網站適當位置。

Code Snippet

第八步:您可到您的網站 HTML 編輯頁面

第九步:隨後,大家就可找出 <body> 內容部分,並將剛才複製好的程序碼,貼上安放在 <body> 之上(如下圖)

第十步:大功告成!大家儲存後就可以到網站內進行測試及使用!

如果大家在以上教學的設定上有任何問題及困難,歡迎點擊頁面右下方 WhatsApp 對話按鈕,我們團隊會協助大家完成設定!

此外,如果大家正在尋覓 WhatsApp 工具幫輕營銷及客服效益,誠邀大家展開 WATI 免費試用,我們非常樂意為您提供支援!

How did we do?

WhatsApp 對話連結設定

Contact