選單

Wufoo 免費網頁表單設計、製作工具

Wufoo 免費網頁表單設計、製作工具

網路上有不少提供表單製作的服務,例如 Google 文件就能夠建立簡易的線上表單,省去架設表單的麻煩。本文要介紹的 Wufoo 更是一款專業的線上表單產生器,當你透過 Wufoo 製作一個表單後,只需要透過網址來發送或是內嵌到網站裡,其他所需的元件(包含資料庫、後台和程式等等)都會被托管在 Wufoo 平台,簡單來說,你甚至不用具備任何技術,用滑鼠拖曳就能夠完成這些複雜的工作。

Wufoo 本身的設計相當到位,使用者除了可以自訂表單的各個欄位外,也能調整顏色等等,讓設計出來的表單更加有質感,自由度相當高。在資料收集的部份,除了把資料儲存在 Wufoo 後台以外,也能自動將收集到的資料發送到某個 E-mail 信箱,或是透過簡訊系統發送到行動裝置,亦可和其他第三方服務結合,這也是 Wufoo 的特色之一。

免費資源網路社群的「提交內容」和「聯絡站長」兩個頁面正是使用 Wufoo 所提供的服務,在長時間的使用和觀察下發現 Wufoo 相當穩定,於是寫了本文來介紹 Wufoo ,如果你本身有網站或部落格、想建立一個問卷調查、或是希望顧客透過表單來與你取得聯繫的話,Wufoo 是我相當推薦的網路服務

網站名稱:Wufoo
網站鏈結:https://wufoo.com/免費註冊
試用範例:https://wufoo.com/form-builder/

使用教學

開始使用 Wufoo 前必須先建立一個帳戶,到註冊畫面填入 Email、密碼以及設定網址即可,相當簡單。目前 Wufoo 有分成免費和多種付費方案,其實免費方案所提供的項目就已經相當夠用,包括可以建立 3 個表單、每月 100 個數據

Wufoo 免費網頁表單設計、製作工具

登入帳戶後就能開始建立表單,Wufoo 的操作介面相當直觀,從左側選擇要加入表單的項目,加入右邊的表單後做設定即可,這些元件包括單行文字、數字、多行文字、單選核取方塊、多選核取方塊、下拉式選單或是分隔符號等等,Wufoo 也內建姓名、地址、Email、電話、網站等欄位讓使用者可以快速加入。

Wufoo 免費網頁表單設計、製作工具

在表單設定(Form Settings)裡可以調整表單名稱、說明、語言和欄位對齊位置,也可以設定在送出表單後的確認訊息,或者是自動跳轉到其他網址。

Wufoo 免費網頁表單設計、製作工具

用戶可以設定開啟或關閉驗證碼(Captcha)功能,來防止惡意程式不當破壞。

Wufoo 免費網頁表單設計、製作工具

下圖是在表單裡建立一個 E-mail 欄位,可以自訂標籤名稱、類型、尺寸、是否必填、是否不得重複,亦能設定預先載入的數值、欄位說明或是 CSS 等等。

Wufoo 免費網頁表單設計、製作工具

建立完成後按下儲存,選擇第二個「對此表單設定 Email 通知」。

Wufoo 免費網頁表單設計、製作工具

接著在 to My Inbox 下方填入你的 E-mail 電子郵件地址,往後一旦有人填寫表單,就會自動寄送到此信箱。或者你可以設定傳送到行動裝置,不過可能會產生額外的費用。

Wufoo 免費網頁表單設計、製作工具

最後回到表單管理畫面,點擊「Code」就能產生相關的鏈結,包括連結到表單、內嵌程式碼(Embed Code)、完整頁面表單程式碼、嵌入 Facebook、彈出式表單、HTML/CSS 程式碼等等,如果要內嵌到網站或部落格,記得先了解看看是否支援 JavaScript 或 iFrame 語法,如不支援的話可以使用連結的方式連過去表單頁面。

Wufoo 免費網頁表單設計、製作工具

Wufoo 能夠更換表單的配色,而後來推出的 Wufoo Form Gallery 裡頭內建許多配色可以預覽使用,找到自己喜歡的然後加入即可,或者使用者也可以自行調整色彩配置。

Wufoo 免費網頁表單設計、製作工具

產生後的 Wufoo 表單如下圖,有興趣的朋友可以去設計一個 Wufoo 表單,很好用喔!

Wufoo 免費網頁表單設計、製作工具

Wufoo 是 SurveyMonkey 公司旗下的服務,而這也是一間相當知名的問卷調查公司,Wufoo 除了可以建置聯絡表單外,還能做郵件清單、問卷調查、人員客戶管理、問題追蹤、邀請、線上訂購、測驗等等,應用範圍相當廣泛,如有需要的話不妨去試試看,相信你也會喜歡。

分享本文