[社群行銷] 粉絲團自訂html頁籤「聯絡我們Contact US」不藏私教學


Kelvin&Spacei 一邊打瞌睡一邊昏寫著....獻給所有小編~
Facebook Fan page 粉絲團其實有很多「免費」的功能等待被使用!

這招學起來,舉凡:聯絡表單contact us、意見調查Survey、分店地圖都可以運用到。


1.課前準備:粉絲團X1、Google 雲端硬碟Myapp
2.示範內容:粉絲團頁籤+聯絡表單|Contact us
3.粉絲團:啄木鳥咖啡館
4.Banner:a.頁籤圖像(111x74)X1


一、新增Facebook紛絲團-App

STEP 1. 確認目前Facebook的登入狀態是「個人」狀態(而非粉絲團小編)
STEP 2. 新增一網頁,連結至Myapp,點選「免費應用程式」



STEP 3. 點選免費 < HTML-1 >


STEP 4. 將滑鼠滾到下方 <安裝到粉絲團 > ▶選擇粉絲團




STEP 5. 頁籤應用程式
編輯設定


STEP 6. 自訂頁籤儲存,自訂圖像上傳



STEP 7. 以「管理者身份」前往粉絲團▶manu bar ▶更多▶聯絡我們▶管理▶清除不相關的圖文編碼





二、新增Google表單-自訂欄位-複製內嵌code


STEP 1. 前往[Google雲端硬碟新增更多Google表單


STEP 2. 新增欄位 (參考如下)_選擇「單行文字」▶勾選「設為必填」▶左下點選「完成」
          欲另新增▶由上icon「複製」

1.姓名|Name
2.手機|Phone 
3.電郵|Email


4.項目|Content▶點選「下拉式選單」▶必填▶完成
     a.服務反應|Service
     b.產品諮詢|Ordering
     c.訂位服務|Reservation

5.訊息|Message▶反映內容:「多行文字」必填▶完成



STEP 3. 自訂表單banner▶變更主題背景、標題內文字體...等。


STEP 4. 傳送表單▶縮短網址▶複製內嵌code




三、將內嵌code 貼至 粉絲團頁籤 html=完成
STEP 1. 回至粉團頁籤▶編輯▶點選原始碼 貼上code▶保存

看到編輯旁邊有個設定:對,裡有分享設定,除非是活動需求,否則這裡會關閉,
分享另外可自訂分享圖,不過移動裝置無法讀取的情況下,成效應該是掉了一半以上...。
替代方案:官網、Blogger也嵌入同一份表單,分享到FB,這樣手機平板就能使用了!

 STEP 2. 預覽

 STEP 3. 管理頁籤▶調整頁籤位置


終於完成囉!備註一下,如有粉絲反應事項,不會有信件通知。
而是每天要去表單「查看回應」,會另外開啟一個Excel統計表喔^^是不是超方便



延伸閱讀:[行銷工具懶人包] 推薦5個 Facebook廣告小工具,省時省力+提高轉換率

Kelvin&Spacei 
目前擔任知名甜點店、咖啡館、活動平台公司行銷顧問,覺得充實。


Share on Google Plus

5 則留言 :

  1. 請問,
    頁籤功能在手機上是否無法正常顯示,
    謝謝!

    回覆刪除
    回覆
    1. 沒錯,無法觀看!
      因為頁籤功能,目前 FB 不支援行動裝置喔!

      刪除
  2. 感謝版主步驟寫的很詳盡!
    照做就一次ok!
    祝幸福呦!

    回覆刪除
  3. 請問今年有沒有別的APP或是方式,可以讓行動裝置顯示的呢?

    回覆刪除
  4. 目前觀察FB頁籤手機還是看不到的問題,
    替代解決:其實可以輔助使用
    免費網站製作landing page!

    回覆刪除