網站中,總是需要有瀏覽者與公司的連繫管道,或搜集瀏覽者的資訊,除了附上電子郵件外,我們可以使用表單,請求瀏覽者提供公司所需求的固定資訊。
底下介紹「WUFOO」網站所提供的「表單」服務。網址:http://www.wufoo.com/
1、進入wufoo網站, 免費註冊「SIGN UP FREE」
輸入「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筆資料。