Contact Form 7 是個建立網頁表格極簡易及免費的方案,這方案只有一個限制,那就是一定得建立在
WordPress 之上。
如果你並不是用 WordPress 平臺,那你可以暫時跳過這個方案,然後看我提出的其它方案,否則你可以繼續讀下去。
Contact Form 7 是 WordPress 平臺上的插件之一。爲了要達到我們網頁表格的基本需求,我們需要安裝兩個插件。
在發布這篇文章時,Contact Form 7 在 WordPress 上的安裝率為 5百多萬。。。我想,5百多萬用戶的選擇不太可能出錯。。。對吧?
先睹為快
先決條件檢查
- 基本需求
一切從基本需求開始,包括最初設計
- 平臺
Contact Form 7 僅在 WordPress 平臺上運作。開始前先確認你的網頁平臺,如果你不確定,請向友善的挨踢部門查詢。
- 電郵
很多共享網頁托管服務已經提供了基本的電郵。如果你用的是雲端服務,或擁有專用主機,你得先確認你的 SMTP 服務是運作的。什麽?你不曉得什麽是 SMTP 服務?好吧。。。是時候再問一下友善的挨踢部門。。。
- 少量代碼
你需要面對少量的 HTML 代碼。如果你對代碼感到不舒適,或面臨代碼是會導致驚恐症發作。。。我只能說,這方案不適合你。
- 足夠的權限
如果你到目前爲止還沒被我嚇壞,那我很肯定你對這方案游刃有餘。最後要提醒的是,確保你的權限足以讓你安裝插件。
下載和安裝所需的插件
首先,先下載所需插件,之後再安裝和激活。
設置 Contact Form 7
1. 點擊 “Add New” 建立新的表格
2. 跟著以下的例子架設網頁表格
3. 你可以直接拷貝和黏貼以下的代碼
<label> Your name
[text* your-name] </label>
<label> Your email
[email* your-email] </label>
<label> Your phone
[tel* tel-536] </label>
<label> Title
[text* your-title] </label>
<label> Your message (optional)
[textarea your-message] </label>
[submit "Submit"]
4. 儲存了之後,轉到 “Mail” 的標簽, 繼續架設電郵設定
5. 你可以拷貝和黏貼以下的代碼來作爲電郵的内容
From: [your-name]
Subject: [your-title]
Email: [your-email]
Phone: [tel-536]
Message Body:
[your-message]
6. 好了,現在可以拷貝此表格的 short code,我們需要把它放到某個頁面去。
7. 在 “Page” 的菜單下,建立一個頁面。這頁面將會裝載你剛建立的網頁表格。你可以在頁面的模塊裏選擇 Contact Form 7,然後再選擇你剛建立表格的名字。
8. 完成后,你可以隨時預覽和開始測試!
CFDB 不需要任何設置,它就這樣神奇的默默運作起來。
試試看
1. 好啦,你建立了網頁表格,也放在頁面上了,現在剛測試了。我們先隨便提交一些資料。
2. 資料提交后,你可以馬上檢查你的電郵。如果你要從後臺查詢你剛提交的資料,可以在“Contact Forms” 菜單下,你會找到剛提交的資料就在其中一個表格(假設你有多於一個表格)
3. 選擇正確的表格,然後找到你的資料再點擊進去,你會看到你剛提交的資料完完整整就躺在那裏。