Contact Form 7:五分鐘内建立網頁表格

閱讀時間約 4 分鐘
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. 選擇正確的表格,然後找到你的資料再點擊進去,你會看到你剛提交的資料完完整整就躺在那裏。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
正在尋找 SeaTable / Airtable 以外的選擇?NocoDB 也許是個不錯的自行安裝的選擇,還是一項開源項目。
正在尋找 SeaTable / Airtable 以外的選擇?NocoDB 也許是個不錯的自行安裝的選擇,還是一項開源項目。
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
新手架設 WordPress 網站時經常會遇到這的問題,答案是不一定,因為現今超過一半的流量來自行動裝置且已內建此社群分享功能,所以不一定要安裝社群分享外掛。
Thumbnail
這幾天我一直沒有發布新文章,是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。 光是找一個外掛看人家推薦一堆電子報程式,我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢,才是接下來困難的地方。 我好死不死選到了
Thumbnail
最近在研究 Email Marketing,發現寄信服務有產業限制,建議在購買之前確認 TOC,並注意回覆訂閱者的問題。使用 Cloudflare 和 Gmail 來轉寄所有信件到自己的網域信箱。建議直接購買 Zoho 或 MxRoute 來省去架 Mail Server 的麻煩。
Thumbnail
這篇文章介紹瞭如何寫出專業的電子郵件開頭句,分享了六種必備的實用模板,讓你可以根據不同情境或目的,填入關鍵詞套用,讓你的email看起來超專業!
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
「聯絡我們」頁面,對於許多人來說,可能只是一個填寫表格或放置聯絡資訊的地方。然而,在服務客戶的過程中,我經常被問到:網站真的需要這樣的頁面嗎?事實上,現今的聯絡方式多樣化,可以根據不同的需求和情境進行設計,讓我們來看看具體如何做。 服務性質的考量 考慮服務的性質是第一步。通常,服務性質會涵蓋多個
Thumbnail
瞭解在WordPress上建立網店的關鍵步驟,包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護,以及行銷和推廣策略。
Thumbnail
 程式開發,功能 :               本程式執行後,自動寄出email,寄出的內容可依照讀取的參數檔內容而決定
Typeform 問卷工具好不好用?快來免費試用!詳細教學流程,5分鐘學會用Typeform設計製作線上問卷,調查表單也很容易!為你整理好了Typeform問卷模版和問卷製作關鍵技巧,跟著我們一起學,輕鬆提高你的線上文件回覆率KPI!
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
新手架設 WordPress 網站時經常會遇到這的問題,答案是不一定,因為現今超過一半的流量來自行動裝置且已內建此社群分享功能,所以不一定要安裝社群分享外掛。
Thumbnail
這幾天我一直沒有發布新文章,是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。 光是找一個外掛看人家推薦一堆電子報程式,我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢,才是接下來困難的地方。 我好死不死選到了
Thumbnail
最近在研究 Email Marketing,發現寄信服務有產業限制,建議在購買之前確認 TOC,並注意回覆訂閱者的問題。使用 Cloudflare 和 Gmail 來轉寄所有信件到自己的網域信箱。建議直接購買 Zoho 或 MxRoute 來省去架 Mail Server 的麻煩。
Thumbnail
這篇文章介紹瞭如何寫出專業的電子郵件開頭句,分享了六種必備的實用模板,讓你可以根據不同情境或目的,填入關鍵詞套用,讓你的email看起來超專業!
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
「聯絡我們」頁面,對於許多人來說,可能只是一個填寫表格或放置聯絡資訊的地方。然而,在服務客戶的過程中,我經常被問到:網站真的需要這樣的頁面嗎?事實上,現今的聯絡方式多樣化,可以根據不同的需求和情境進行設計,讓我們來看看具體如何做。 服務性質的考量 考慮服務的性質是第一步。通常,服務性質會涵蓋多個
Thumbnail
瞭解在WordPress上建立網店的關鍵步驟,包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護,以及行銷和推廣策略。
Thumbnail
 程式開發,功能 :               本程式執行後,自動寄出email,寄出的內容可依照讀取的參數檔內容而決定
Typeform 問卷工具好不好用?快來免費試用!詳細教學流程,5分鐘學會用Typeform設計製作線上問卷,調查表單也很容易!為你整理好了Typeform問卷模版和問卷製作關鍵技巧,跟著我們一起學,輕鬆提高你的線上文件回覆率KPI!