fbpx

《FB粉絲專頁應用》「BeClass」+「iframe tabs」=Facebook線上活動報名系統

Facebook粉絲專頁幾乎是變成目前網路行銷必備的條件之一,我也相信有不少人都是為了網路行銷才去建立,當然也很常有人會辦活動時透過Facebook來宣傳,不過如果將報名系統和Facebook粉絲專頁結合的話,我想會更方便,現在可以透過線上服務「BeClass」+應用程式「iframe tabs」結合起來,就可以將活動表名表嵌入在FB粉絲專頁裡,讓粉絲們可以直接報名,而BeClass還提供了方便的管理後台可用,讓我們隨時可以修改活動細節及管理報名資料。

BeClass報名系統小檔案:

官方網站:http://www.beclass.com/
註冊連結:請點我

網站註冊

使用前必須先註冊,因為有後台管理,請直接點擊註冊連結進入,然後填寫註冊資料,並同意條款後點擊下一步,信箱請勿亂填,需要驗證。

01

確認註冊資料後,點擊「完成」。

02




帳號建立後,必需到信箱收取驗證信,才能完成註冊並使用相關功能。

03

收到Email後點擊下方的驗證連結即可開始。

04

 

建立活動報名表:

註冊成功後就可以登入來建立活動報名表,首先點擊「新增活動報名表」。

06

再來是設定活動基本資料,名稱、日期及截止方式,報名表欄位建議可以用自訂,當然也可以看看預設的預覽,如果有符合你使用的話可以直接使用,下方有一個進階設定,可自行點開後看看,都是相當單簡易的設定項目,請點擊下一步來設定報名填寫欄位。

07

上方有一些預設欄位可以勾選,如果上方沒有你需求的項目,可以在下方點擊「新增自訂欄位」來增加填寫項目,設定完成後,點「儲存」就完成了(事後都還能修改,所以不用特別費心檢查)。

08

建立完成後,在下方會顯示預覽內容,最上方可以選擇表格的寬度,像是如果要嵌在Facebook裡的話就要選擇480px或440px,中間提供了四種連結方式,如果不需要嵌入Facebook,可以用「活動網址」或是「表格網址」直接連結,文字連結則是「表格連結」,最後一個「嵌入連結」的語法可以嵌在網站或是Facebook上,是採用iFrame的方式,嵌入網站就不特別介紹,我們往下來看看如何嵌入在Facebook裡。

09

 

Facebook應用程式「Static HTML: iframe tabs」小檔案:

網站連結:請點我

要嵌入Facebook之前要先建立一個可以內嵌iframe語法的分頁,這時我們可以利用「iframe tabs」這個應用程式,這有點類似FBML,不過這支援的語法比較親民一點,請先進入網站連結,然後點擊「前往應用程式」。

10

選擇要加入iframe tabs分頁的粉絲專頁,然後點擊「新增Static HTML:iframe tabs」。

11

回到粉絲專頁就會在看左邊分頁欄位裡看到一個「Welcome」的分頁。

12

我們先到後「應用程式→找到iframe tabs點擊編輯設定→再修改名稱」儲存後確定即可。

12-1

然後再回到粉絲專頁上點擊剛剛修改的分頁名稱,在右邊會顯示出一個輸入框框讓我們可以貼上語法,這支援HTML CSS Javascript非常的方便,比起FBML在應用便利許多,再然將我們剛剛所建立的活動報表名嵌入網址語法貼上去,再點擊「Save and view tab…」

13

儲存成功後,就可以點擊「View your tab as a non-fan」或是as a fan,就是以非粉絲身份預覽或是以粉絲身份預覽分頁。

14

嵌入後看起來的樣式就像這樣子,雖然是利用iframe,不過也真的讓人看起來像是Facebook上直接使用的報名系統。

15

 

BeClass後台管理:

再來當然就是要看看報名表的後台管理,基本上是該有的內容都有,首先我們看看報名表管理,可以重新編輯我們建立過的報名表。

16

進入後會顯示建立的活動列表,我們可以預覽/暫停/編修/表格應用等操作,大致上都是用到暫停和編輯這二個功能。

17

另外如果有人已經報名了,你想看看有誰的話,可以點擊「報名者資料」請入查看,有三種方式,簡列/詳細/產生Excel檔案。

18

以下為簡列方式,僅只有姓名、報名日期及IP,如果看起來不太對來亂的,可以自行手動刪除,而詳細列表及Excel檔案的列表都是全部完整的報名資料。

19

報名者操作:

當報名的人成功報名後,畫面上會顯示這樣的內容,讓報名者可以在報名後再重新修改報名資料,或是取消報名。

20

比如點擊網址的「請按此」,會出現以下內容,填入查詢序號及密碼,再輸入確認碼後,就可以提交。

21

使用者就可以變更自己的報名資料,或是取消報名,當然如果你不想讓人取消報名或修改,在建立活動時是可以控制的。

22

使用的心得是,雖然可以嵌入Facebook,不過由於是僅嵌入「表格」,所以像是額外設定的活動說明,或是像留言等功能就不會顯示在裡面,所以還是直接連結的頁面是最完整的功能,報名感覺也更方便,不過如果不需要這些功能,當然嵌入FB是最適合你的方式。

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

12 個留言

  1. Near Hope表示:

    我想問,如果是用手機要知怎麼做?

    阿湯 說:

    這東西可能已經失效了哦

  2. Jessie表示:

    您好請問如果要設置多份報名表的話要如何使用呢??

    阿湯 說:

    一次很像只能一份,我不確定多份是否要收費

  3. 優優表示:

    現在不用那麼麻煩安裝HTML:iframe了,BeClass開發的專頁App可以直接使用了!!

    阿湯說:

    嗯嗯,對呀

  4. Jiy表示:

    Static HTML:iframe tabs 好像不能裝了?

     

    阿湯說:

     

    可以試試其它的,還有很多可以iframe的

  5. GregLin表示:

    請問我輸入完語法後,並沒有Save and view tab這個選項
    只有”all saved”這個
    但我點擊all saved後,重新開啟這頁籤時,卻還是顯示輸入語法的那個頁面
    並沒有報名表
    請問為何呢

     

    阿湯說:

     

    要訪客才看的到~我記得頁面上也有一個view什麼的可以點

  6. jujuling表示:

    謝謝你的教學

    我是一個完全對電腦程式完全沒有概念的人

    一步一步照著你的步驟來製作的!!

    很謝謝你的教學喔!!

    讓我可以製作網頁來傳達音樂~謝謝你 =)

    不過還是很困難lol

     

    阿湯說:

     

    加油囉

  7. 路人A表示:

    Static HTML: iframe tabs是可以建立多個內崁的

    阿湯說:

    嗯嗯

  8. anne表示:

    阿湯你好
    我有新增了iframe tabs
    但是我點選了左側iframe tabs
    在頁面的右邊並沒有出現框框可以輸入語法
    而是呈現整頁空白~!!

    可以請教為何會出現這種狀況
    謝謝~!!

    阿湯說:

    換一下瀏覽器看看

  9. Melody表示:

    哈囉ㄚ湯你好, 請問一個FB帳號是否可建立多個Static HTML: iframe tabs

    阿湯說:

    不行的樣子

  10. Maggie表示:

    哈囉ㄚ湯你好
    先感謝你提供這麼多的資訊給我們
    再來要請教你
    我要”建立專頁”
    當我所有資料都輸入完畢後
    一直跳出要我輸入”州名”
    不論我輸入中文 英文
    就是跳出這樣的訊息
    請問你 我要怎樣處理他

    阿湯說:

    英文應該可以~只是要輸入的很正確~要多試~

  11. Werboy表示:

    如果阿湯辦台南的WP聚會,我會第一個當工作人員

    阿湯說:

    工作人員是不用啦,幫忙一起去拉塞就好了

  12. 小米表示:

    讚喔!!
    謝謝你的推薦
    正好在尋找在facebook上加入報名表的功能

    阿湯說:

    嗯嗯

發表留言 »

姓名(*)
信箱(*)