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. 選擇正確的表格，然後找到你的資料再點擊進去，你會看到你剛提交的資料完完整整就躺在那裏。
1會員
6內容數
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
新手架設 WordPress 網站時經常會遇到這的問題，答案是不一定，因為現今超過一半的流量來自行動裝置且已內建此社群分享功能，所以不一定要安裝社群分享外掛。
這幾天我一直沒有發布新文章，是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。
光是找一個外掛看人家推薦一堆電子報程式，我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢，才是接下來困難的地方。 我好死不死選到了
最近在研究 Email Marketing，發現寄信服務有產業限制，建議在購買之前確認 TOC，並注意回覆訂閱者的問題。使用 Cloudflare 和 Gmail 來轉寄所有信件到自己的網域信箱。建議直接購買 Zoho 或 MxRoute 來省去架 Mail Server 的麻煩。
這篇文章介紹瞭如何寫出專業的電子郵件開頭句，分享了六種必備的實用模板，讓你可以根據不同情境或目的，填入關鍵詞套用，讓你的email看起來超專業!
本文提供完成訂閱後的相關事項及安裝指引，包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學，以及解決安裝問題的方法。
在網站建設的世界中，WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說，WordPress 是一個理想的選擇。
「聯絡我們」頁面，對於許多人來說，可能只是一個填寫表格或放置聯絡資訊的地方。然而，在服務客戶的過程中，我經常被問到：網站真的需要這樣的頁面嗎？事實上，現今的聯絡方式多樣化，可以根據不同的需求和情境進行設計，讓我們來看看具體如何做。
服務性質的考量
考慮服務的性質是第一步。通常，服務性質會涵蓋多個
瞭解在WordPress上建立網店的關鍵步驟，包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護，以及行銷和推廣策略。
Typeform 問卷工具好不好用？快來免費試用！詳細教學流程，5分鐘學會用Typeform設計製作線上問卷，調查表單也很容易！為你整理好了Typeform問卷模版和問卷製作關鍵技巧，跟著我們一起學，輕鬆提高你的線上文件回覆率KPI！
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
新手架設 WordPress 網站時經常會遇到這的問題，答案是不一定，因為現今超過一半的流量來自行動裝置且已內建此社群分享功能，所以不一定要安裝社群分享外掛。
這幾天我一直沒有發布新文章，是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。
光是找一個外掛看人家推薦一堆電子報程式，我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢，才是接下來困難的地方。 我好死不死選到了
最近在研究 Email Marketing，發現寄信服務有產業限制，建議在購買之前確認 TOC，並注意回覆訂閱者的問題。使用 Cloudflare 和 Gmail 來轉寄所有信件到自己的網域信箱。建議直接購買 Zoho 或 MxRoute 來省去架 Mail Server 的麻煩。
這篇文章介紹瞭如何寫出專業的電子郵件開頭句，分享了六種必備的實用模板，讓你可以根據不同情境或目的，填入關鍵詞套用，讓你的email看起來超專業!
本文提供完成訂閱後的相關事項及安裝指引，包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學，以及解決安裝問題的方法。
在網站建設的世界中，WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說，WordPress 是一個理想的選擇。
「聯絡我們」頁面，對於許多人來說，可能只是一個填寫表格或放置聯絡資訊的地方。然而，在服務客戶的過程中，我經常被問到：網站真的需要這樣的頁面嗎？事實上，現今的聯絡方式多樣化，可以根據不同的需求和情境進行設計，讓我們來看看具體如何做。
服務性質的考量
考慮服務的性質是第一步。通常，服務性質會涵蓋多個
瞭解在WordPress上建立網店的關鍵步驟，包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護，以及行銷和推廣策略。
Typeform 問卷工具好不好用？快來免費試用！詳細教學流程，5分鐘學會用Typeform設計製作線上問卷，調查表單也很容易！為你整理好了Typeform問卷模版和問卷製作關鍵技巧，跟著我們一起學，輕鬆提高你的線上文件回覆率KPI！