[WordPress] 外掛分享: Contact Form Block

首頁外掛目錄 › Contact Form Block
WordPress 外掛 Contact Form Block 的封面圖片
500+
安裝啟用
★★★★
4.9/5 分(39 則評價)
50 天前
最後更新
問題解決
WordPress 6.0+ PHP 7.4+ v1.0.6 上架:2019-06-27

內容簡介

簡單,美觀且對大多數使用者來說非常完美。您一定會喜歡這個聯絡表單!透過它的 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,該功能是不可見的)
使用標題(帶有小圖像),以激勵用戶聯繫您

限制

此聯絡表單的目標是保持簡單和快速。可以通過其篩選器和動作添加新欄位和功能,但我不會使核心更加複雜和沉重。

語言:英語。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.6) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Contact Form Block」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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.

延伸相關外掛

文章
Filter
Mastodon