前言介紹
- 這款 WordPress 外掛「Contact Form Block」是 2019-06-27 上架。
- 目前有 700 個安裝啟用數。
- 上一次更新是 2024-10-15，距離現在已有 200 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 37 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
form | mail | block | contact | gutenberg |
內容簡介
簡單，美觀且對大多數使用者來說非常完美。您一定會喜歡這個聯絡表單！透過它的 Gutenberg 區塊（或短代碼），您可以在任何地方添加並在幾個點擊中輕鬆擁有它。它非常輕量級，乾淨的用戶界面，無需設置任何特殊項目或下載更多外掛程式。它不會使用任何 JS 或 CSS 檔案（除非您啟用 ReCAPTCHA）。您可以在 Meow Apps：Contact Form Block 網站 上找到更多此外掛程式的資訊。
為什麼要再創建一個聯絡表單？我過去曾嘗試使用很多外掛程式，但我發現它們都太複雜且太沉重了。在大多數時候，我只需要一個簡單的聯絡表單。為什麼我需要在清單中創建一個新的表單，手動決定欄位並確保一切都設置正確呢？而為什麼我需要安裝更多的外掛程式才能添加 ReCAPTCHA 支援，或者支付這樣一個基本選項的費用呢？
用法
聯絡表單區塊（Contact Form Block）是專為 Gutenberg 編輯器設計的。您可以修改主要欄位（姓名、電子郵件和訊息）的標籤和整體設計。您也可以添加標題、圖像和一些文字。提交按鈕的文字和顏色也可以自定義。有三個基本主題可用：無、預設和 Meow Apps。無不會為您的聯絡表單添加樣式，預設會使其在任何主題上運作，而 Meow Apps 則會讓它看起來更加堅實。
短代碼 [contact-form-block] 也可以直接使用！這個短代碼可以在任何地方使用，例如在小工具中。請查看教學以了解其用法。
有關 ReCAPTCHA 和其他各種設置，請前往 WordPress 管理員中的 Meow Apps 選單下的 Contact Form 頁面。
注意事項
此聯絡表單的預設行為是發送電子郵件給 WordPress 安裝的管理員。可以通過可用的 WordPress 篩選器輕鬆修改此設置。
ReCAPTCHA v3 目前用作反垃圾郵件。如果您有興趣，也可以開發自己的「人類檢查」。請查看這里。
最佳實踐
此聯絡表單遵循最佳實踐，以確保最大的轉換率。
垂直布局（多欄會導致流失）
在欄位上方添加標籤（而不是占位符或技巧）
明確且具有吸引力的提交按鈕（默認標籤為「Send」，而非「Submit」）
有限的欄位數（3個欄位後，轉換率會下降）
沒有captcha（不用擔心垃圾郵件，此聯絡表單包括 ReCAPTCHA_v3，該功能是不可見的）
使用標題（帶有小圖像），以激勵用戶聯繫您
限制
此聯絡表單的目標是保持簡單和快速。可以通過其篩選器和動作添加新欄位和功能，但我不會使核心更加複雜和沉重。
語言：英語。
原文外掛簡介
Simple, yet pretty and perfect for most of us. You will love this contact form! Through its Gutenberg block (or shortcode), you can add it anywhere and make it yours in a few clicks. Lightweight, clean UI, no need to set up anything special or download more plugins. It doesn’t use any JS or CSS files (except if you active ReCAPTCHA). You can find more information on this plugin on Meow Apps: Contact Form Block.
Why another Contact Form? I have tried many plugins in the past, and I found them all too heavy and complicated. Most of the time, I just wanted a simple contact form. Why would I need to create a new form in a list of forms, manually decide the fields and make sure everything is well set-up? And why do I need more plugins in order to add ReCAPTCHA support, or even pay for such a basic option?
Usage
The Contact Form Block has been designed to be used within the Gutenberg Editor. You can modify the labels of the main fields (Name, E-mail, and Message) and the overall design. A header can also be added, with an image and some text. The text and color of the submit button can also be customized. There are 3 basic themes available: None, Default and Meow Apps. None will add no styles to your contact form, Default will make it work on any theme, and Meow Apps will look a bit more solid.
The shortcode [contact-form-block] can also be used, just as it is! That shortcode can be used anywhere, in your widgets for example. Have a look at the tutorial to learn how to use it.
For the ReCAPTCHA and the other various settings, please visit the Contact Form page under the Meow Apps menu in your WordPress Admin.
Notes
The default behavior of this contact form is to send an e-mail to the admin of the WordPress install. That can be easily modified through the available WordPress filters.
ReCAPTCHA v3 is currently used as an Anti-Spam. If you are interested, you can also develope your own ‘human check’. Have a look at this.
Best Practices
This contact form follows the best practices, in order to guarantee a maximum conversion rate.
Vertical layout (multi-columns result in a loss)
Labels above the fields (instead of placeholders or tricks)
Explicit and colorful submit button (labelled ‘Send’ instead of ‘Submit’, by default)
A limited number of fields (after 3 fields, the conversion rate goes down)
No captcha (don’t worry about spams, this contact form includes ReCAPTCHA_v3, which is invisible)
Use a header (with a small image), that will motivate the user to contact you
Limitations
This Contact Form’s goal is to remain simple and fast. New fields and features can be added through its filters and actions, but I will not make the core more complex and heavy.
Languages: English.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Contact Form Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.0.1 | 0.0.2 | 0.0.3 | 0.0.4 | 0.0.5 | 0.0.6 | 0.0.7 | 0.0.8 | 0.0.9 | 0.1.0 | 0.1.1 | 0.1.2 | 0.1.3 | 0.1.4 | 0.1.5 | 0.1.6 | 0.1.7 | 0.2.0 | 0.2.1 | 0.2.2 | 0.2.3 | 0.2.4 | 0.2.5 | 0.2.6 | 0.2.7 | 0.2.8 | 0.2.9 | 0.3.0 | 0.3.1 | 0.3.2 | 0.3.3 | 0.3.4 | 1.0.0 | 1.0.1 | 1.0.2 | trunk |
延伸相關外掛（你可能也想知道）
MC4WP: Mailchimp for WordPress 》讓訪客訂閱您的電子報應該很容易。透過這款外掛，現在終於可以輕鬆做到了。 這個外掛可幫助您在 Mailchimp 中擴展您的電子郵件列表。您可以使用它來創建外觀...。
Newsletters, Email Marketing, SMS and Popups by Omnisend 》總結文案:, 「Omnisend 外掛連接至 Omnisend 電子郵件行銷工具，可讓其他外掛自動將表單數據和聯絡資訊傳送至 Omnisend。這能夠簡化聯絡人分類並發送個人化郵...。
MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
Newsletter, SMTP, Email marketing and Subscribe forms by Brevo (formely Sendinblue) 》Sendinblue 的官方 WordPress 外掛程式是一個功能強大的全方位電子郵件行銷外掛程式。以下是一些概觀：, , 訂閱表單 – 建立自訂訂閱表單，輕鬆整合到文章、頁...。
Conditional Fields for Contact Form 7 》此外掛可以讓您的 Contact Form 7 表單加入條件式邏輯。, 當您編輯您的 CF7 表單時，您會看到一個額外的標籤，名為「條件式欄位群組」。您放置在起始標籤和結...。
MailerLite – Signup forms (official) 》MailerLite – Signup forms (official) 外掛, 官方的 MailerLite 訂閱表單外掛讓您可以輕鬆地從 WordPress 網誌或網站增加您的電子報訂閱者清單。此外...。
Contact Form 7 add confirm 》“Contact Form 7 add confirm” 可以為 “Contact Form 7” 增加確認步驟。, “Contact Form 7 add confirm” 可以為 “...。
Contact Form 7 Multi-Step Forms 》我需要一個可以跨越多個頁面的聯繫表單，並且最終會發送一封帶有所有收集信息的電子郵件。這個外掛通過擴展熱門的 Contact Form 7 外掛來實現這一點。, 這個...。
Calculated Fields Form 》「Calculated Fields Form」外掛能夠讓你創建具有計算欄位的網頁表單，欄位的值根據表單中其他欄位的值實時計算。, , 這個外掛的可能性是無限的。例如，你可...。
Form Maker by 10Web – Mobile-Friendly Drag & Drop Contact Form Builder 》Form Maker 是一款頂尖的拖曳式外掛程式，讓您可以透過幾個點擊輕鬆建立任何複雜度的表單。, 有用連結：, 現場示範, 演示管理員, 由 10Web 提供的高級表單 Ma...。
reCAPTCHA for MW WP Form 》您可以在 MW WP FORM 中使用 "reCAPTCHA V3"。, 注意：, 需要 MW WP Form（https://wordpress.org/plugins/mw-wp-form/）, /assets/screenshot-1.png, 。
Gravity PDF 》Gravity PDF 是使用 Gravity Forms 和 WordPress 創建動態數字 PDF 文件的最佳自助式解決方案。, 高度自定義的 PDF, 開箱即用的版本提供了四種高度自定義的 P...。
Advanced Custom Fields: Gravity Forms Add-on 》提供進階自訂欄位 (Advanced Custom Field)，讓 WordPress 編輯使用者或管理員可以在欄位群組配置中選擇 Gravity Form。, 可以在 外掛的 GitHub 存儲庫 中找...。
WordPress File Upload 》這個外掛讓你或其他使用者可以從任何頁面、文章或側邊欄輕鬆、安全地上傳檔案到你的網站。, 只需要在任何 WordPress 頁面/文章中加入簡碼 [wordpress_file_up...。
Visual Form Builder 》Visual Form Builder 是一個外掛，可讓您在同一地方建立和管理各種網站表單。只需幾分鐘就可以建立完整的聯絡表單，您不需要撰寫任何 PHP、CSS 或 HTML！, 升...。