Joomla 03-07 使用「Wufoo」表單

網站中,總是需要有瀏覽者與公司的連繫管道,或搜集瀏覽者的資訊,除了附上電子郵件外,我們可以使用表單,請求瀏覽者提供公司所需求的固定資訊。

 

底下介紹「WUFOO」網站所提供的「表單」服務。網址:http://www.wufoo.com/

1、進入wufoo網站, 免費註冊「SIGN UP FREE」

1051215Form01

 

 

 

   輸入「Email」、「密碼」、「帳號」,右邊顯示免費會員可使用「3個表單」、「搜集100筆」資料上限、「SSL」資料加密、「1個使用者」、「3份分析報告」

 

  下一個步驟「Create form 建立表單 」 

 

 

   輸入「Email」「Password」登入 

 

 2、建立表單很簡單,只有三個頁面:黃色頁面「Add a Field 新增欄位」、藍色頁面「Field Settings 設定欄位」、綠色頁面「Form Settings 設定表單資訊」。

  (1) Add a Field 新增欄位,只要從左邊欄位類型拖曳至右邊,依序排列即可。

 

   (2)Field Label 設定個別欄位:Field Label欄位名稱、…、Options(是否必填, 必填會加上紅色星星)、Show Eield to(允許檢視對象)、Range(資料長度、格式)... 

 

   (3)Form Settings表單的整體資訊:Form Name表單名稱(開頭請用英文,表單名稱會成為網頁名稱,使用中文開頭會出現錯誤訊息)、Descriptionh表單描述... Label Placement排列方式… 

   完成3個頁面設定後,按底下的「Save Form」儲存表單。

 

 

  完成儲存後,會跳出視窗,詢問你接下來想做什麼動作:

  • Share this form…分享表單的方式。
  • Contiune editing… 繼續編輯。
  • Set up email…  設定郵件通知。有人填寫後,即由郵件通知。
  • ... Form Manager . 回表單管理。

    

  選擇Set up email Notification 設定郵件通知:設定接收通知的郵件位址,並選擇是否可以回覆郵件。

 

選擇按「Share Form」分享表單,選擇分享方式。

 

  Embed your form.. 嵌入表單方式:可使用連結link、程式碼JavaScript、iframe..  , 在此我們使用「Embed with JavaScript」,按「Copy Code」複製程式碼。

 

 

  3、回到 Joomla的管理平台中,先檢視JCE編輯單是否允許JavaScript的執行,「元件」>「JCE Editor」>「Profiles」>「Default」

 

 

 

 找到「Editor Parameters」頁籤>「Advanced」項目>「Allow Javascript」選 Yes

 

 

  到「內容」>「文章」中,找到原先已建立好的文章,或另外新增文章。 

 

 

 於文章中,選擇「原始碼Code」格式,貼上剛剛複製的「JavaScript」原始碼。

 

 

回到前台,看表單頁面呈現的樣式。

 

 

當瀏覽者建立好資料後,一方面寄至你的 信箱內僅做為通知,另一方面要查瀏覽者建立的資料,請進到Form Manager表單管理,點選「Entries」。

 

 

 

 點選各筆資料,看到資料詳細內容,免費帳號只能保存100筆資料。

誰在線上

目前有 68 訪客 以及 沒有會員 在線上

-

© 2017 iuiii.net . All Rights Reserved.