免費的客製化連絡表單

Google Blogger本身雖然也有一個連絡表單, 但似乎一直有個揮之不去的bug, 怎麼查找, 都找不到解決方法, Google 也似乎沒有想要解決的意思, 於是就導致了要安裝Blogger自己的連絡表單雖然很容易, 但卻是收不到訪客遞交出的表單.

咦... 這個 bug 太可怕了吧!! 即然這麼的不穩定, 真心建議別用 Blogger 的連絡表單了. 之前寫了一篇大力推薦 Google 家的另一項產品 - Google Form, 可以利用萬無一失的 Google Form 來做網站的連絡表單, 即簡單好用, 又確保不會遺露任何一位訪客的留言.

但最近發現, 利用 Google Form 做的連絡表單, 有時居然在手機上無法打開填表. 為了克服這個問題, 最近發現二款版型好看, 又超級好用的免費客製化表單, 可以做為 Google Form 的替代品哦.

如果對 Google Form 的版型看膩的朋友, 不妨試試下面這二款免費又可以客製化連絡表單.

JotForm

這一款免費的表單好看又好用, 只需要一個email地址就可以註冊申請免費帳號了.

它提供了多種不同需求的範本, 用戶可根據自己的需要挑選現成的範本, 或是略作修改, 或是自行設計自己需要的樣式, 都很容易.

申請時可以選擇是用臉書/Google/email地址來申請, 請記住申請時的email地址也會是將來收取通知的信箱, 所以請務必記住.

相較於Google Form, 這個Jotform的選擇和客製化的功能又更強大更具靈活性, 用了它便不會想要再回去用Google Form了.

優點是: 真的太好用了, 選擇多, 靈活度高. 而且在用戶可以從手機上提交表單.
缺點是: 如果是使用免費版本的:
➤ 限制最多只能創建5個表單
➤ 一個月表單提交限制為100次

當然啦, 免費的版本對於一般個人使用還是很足夠了, 如果能每個月有超過100個submissions, 那麼也應該負擔的起升級版的費用了.

先來看看它的後台吧, 登入後, 可以看到它提供了三種不同的方式來創建一個新的表單: 自製/使用範本/上傳現成表單

除非你已經有表單的即定模式, 那麼就用自製, 不然, 可以參考範本裡的再自行修改. JotForm 提供了許多設計精美完善的範本, 用戶可以從中挑選適合自己需求的表單範本後再自己略作修改.

在創建表單的後台畫面如下: 

[Add Form Element] - 為表單添加新欄位

[Preview Form] - 打開後可以選擇預覽在不同設備(ex: 電腦/手機/平板)的呈現方式

[油漆刷] - 可以修改表單的顏色, 主題, 背景, 字型, 表單寛度等設定.

[Build] - 設計表單

[Settings] - 可以修改表單標題, 設定email 通知信, 客戶提交表單後的感謝畫面, 等等.

[Publish] - 發布表單, 在這裡可以取得程式碼加到網站的表單頁面上.

表單設計好了, 如何把表單加到Blogger 上呢? 

很簡單, 只要新建一個頁面→設定標題為: submission→然後選擇編輯方式為[<>HTML檢視]→在內容區貼入從JotForm上的embed 程式碼→按下[發布]鍵即可. 請按這裡參考實例.

123formbuilder

另一個大推的連絡表單則為這個 123formbuilder. 它和 JotForm 一樣, 用 email 就可以輕鬆註冊登入創建免費的連絡表單了. 

在免費的帳號下, 123formbuilder 只能創建一個表單, 但它卻可以接受無限制的表單提交, 所以, 如果不需要太華麗的表單設計, 或是只想要一個簡單放在側欄的連絡表單, 其實 123formbuilder 可以是 Blogger 表單的最佳替代品. 請按這裡的側欄下方參考實例.

天馬行空 - 365個平凡無奇日子裡的無限可能

或者 請我喝杯咖啡吧!