Title: Block Editor Kit for Contact Form 7 &#8211; CF7 Blocks
Author: Munir Kamal
Published: <strong>2022 年 12 月 29 日</strong>
Last modified: 2023 年 1 月 9 日

---

搜索插件

![](https://ps.w.org/cf7-blocks/assets/banner-772x250.png?rev=2841065)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/cf7-blocks/assets/icon-256x256.png?rev=2841067)

# Block Editor Kit for Contact Form 7 – CF7 Blocks

 作者：[Munir Kamal](https://profiles.wordpress.org/munirkamal/)

[下载](https://downloads.wordpress.org/plugin/cf7-blocks.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/cf7-blocks/#description)
 * [评价](https://cn.wordpress.org/plugins/cf7-blocks/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/cf7-blocks/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/cf7-blocks/#developers)

 [支持](https://wordpress.org/support/plugin/cf7-blocks/)

## 描述

CF7 Blocks is the ultimate solution for integrating Contact Form 7 with the WordPress
block editor. With CF7 Blocks, you can easily create and customize contact forms
within the familiar block editor interface. No more fiddling with shortcodes or 
HTML – just drag and drop blocks to build your forms exactly how you want them.

CF7 Blocks comes with a variety of pre-designed form templates to choose from, making
it even easier to get started. And with full integration with Contact Form 7, all
your form submissions will be saved and managed in the same place as before.

Don’t waste any more time trying to fit your forms into the old editor – upgrade
to CF7 Blocks and take advantage of the power and flexibility of the block editor
today!

## 屏幕截图

 * [[
 * Screenshot 1
 * [[
 * Screenshot 2
 * [[
 * Screenshot 3
 * [[
 * Screenshot 4
 * [[
 * Screenshot 5

## 安装

Make sure you have Contact Form 7 plugin installed to use CF7 Blocks.`

 1. Install Contact Form 7 if it is not already installed.
 2. Install CF7 Blocks either via the WordPress.org plugin repository or by uploading
    the files to your server.
 3. Activate CF7 Blocks.
 4. Create a new form.

## 常见问题

### How do I create a form with CF7 Blocks?

To create a new form with CF7 Blocks, follow these steps:

 1. From the WordPress dashboard, go to Contact > Add New.
 2. You will notice new block editor interface to create forms.
 3. Choose the form template you want to use, and continue from there.
 4. Click the “Publish” button to save your form.

### Is CF7 Blocks compatible with the Classic Editor?

CF7 Blocks is designed to work exclusively with the WordPress block editor. It is
not compatible with the Classic Editor.

## 评价

![](https://secure.gravatar.com/avatar/3a4bdbd54e20e3f42a28b6547ea7df9f2fba57b4380755afe8c7e82abb25f046?
s=60&d=retro&r=g)

### 󠀁[Great promise, but abandoned](https://wordpress.org/support/topic/great-promise-but-abandoned/)󠁿

 [skrapion](https://profiles.wordpress.org/skrapion/) 2023 年 12 月 22 日 5 回复

I was so happy with this plugin. It made CF7 so much more user friendly. But in 
March 2023 the plugin broke and forms are no longer editable. The author has not
touched this code for 11 months.

![](https://secure.gravatar.com/avatar/b791178ccb7206be2a232949b4cbc203ac90ccdc990259f1542b0abb52f90d91?
s=60&d=retro&r=g)

### 󠀁[Great Plugin – This will revolutionize the way how we create forms.](https://wordpress.org/support/topic/great-plugin-this-will-revolutionize-the-way-how-we-create-forms/)󠁿

 [Sajid Manzoor](https://profiles.wordpress.org/sajiddesigner/) 2023 年 1 月 31 
日

Great Plugin – This plugin will revolutionize the way how we create forms. This 
plugin has potential to compete with premium plugins. Just few more features/bug
fixes are required and this plugin will be on top of the list of all content editors
who love to use CF7.

![](https://secure.gravatar.com/avatar/9f4d088bae926661708a89651eddc787bdce85fedc39ad501e3a3d96401c8539?
s=60&d=retro&r=g)

### 󠀁[really a great idea!](https://wordpress.org/support/topic/really-a-great-idea/)󠁿

 [yukiko-kawa](https://profiles.wordpress.org/yukiko-kawa/) 2023 年 1 月 19 日

really a great idea!I think it has been activated recently and therefore very simple
overall. But I consider the project really valid as cf7 is a tool of great importance.
I hope the gutenberg tool can be implemented in the final email template as well.
Great project and thanks for the plugin!

![](https://secure.gravatar.com/avatar/c854810e0b49aa59ba86c0e670c7cc847dfc3b6cb94528b4459d2a572cea82c1?
s=60&d=retro&r=g)

### 󠀁[A long-awaited feature for CF7 has finally arrived](https://wordpress.org/support/topic/a-long-awaited-feature-for-cf7-has-finally-arrived/)󠁿

 [Yordan Soares](https://profiles.wordpress.org/yordansoares/) 2023 年 1 月 12 日
1 回复

Contact Form 7 is my favorite contact form plugin for WordPress, although it’s not
a secret that its interface is not the most comfortable to use, especially for novice
users. This plugin is a great success to modernize its interface and bring CF7 closer
to more users.

![](https://secure.gravatar.com/avatar/47ff462885900b3e6b826a03440cd9c9598ee913cdc7f931c9ad423f971137b1?
s=60&d=retro&r=g)

### 󠀁[An easy to use block editor for creating forms](https://wordpress.org/support/topic/an-easy-to-use-block-editor-for-creating-forms/)󠁿

 [CCC](https://profiles.wordpress.org/chanecullens/) 2023 年 1 月 11 日 2 回复

Hi I’ve used several free and a couple paid form builders in WordPress over the 
last decade. This is now my go to solution on multiple sites for all new forms. 
Plus, I’ve now replaced one form builder on a site and replaced all forms. I think
the design choice to focus on an easy UI for building with blocks and leverage the
power of CF7 run the form is a great technical choice.

![](https://secure.gravatar.com/avatar/2fd9e571b4f17ef806dcff4014ffbfd46969ac837d5e23afe4837c6c8160b242?
s=60&d=retro&r=g)

### 󠀁[A great implementation!](https://wordpress.org/support/topic/a-great-implementation/)󠁿

 [dozentis](https://profiles.wordpress.org/istag/) 2023 年 1 月 11 日 1 回复

The people who already work with the block editor will like how now the CF7 form
fields turned into blocks. Especially good are also the layout options with columns,
groups, row, stack blocks, as well as separators and spacers. I also really liked
the full screen view!!! Good Work!

 [ 阅读所有7条评价 ](https://wordpress.org/support/plugin/cf7-blocks/reviews/)

## 贡献者及开发者

「Block Editor Kit for Contact Form 7 – CF7 Blocks」是开源软件。 以下人员对此插件
做出了贡献。

贡献者

 *   [ Munir Kamal ](https://profiles.wordpress.org/munirkamal/)

「Block Editor Kit for Contact Form 7 – CF7 Blocks」插件已被翻译至 5 种本地化语言。
感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/cf7-blocks/contributors)
为本插件所做的贡献。

[帮助将「Block Editor Kit for Contact Form 7 – CF7 Blocks」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/cf7-blocks)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/cf7-blocks/)，查看[SVN仓库](https://plugins.svn.wordpress.org/cf7-blocks/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/cf7-blocks/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/cf7-blocks/)。

## 更新日志

#### 1.0.1

Fix: Added support for legacy theme (that fixes the loading issue).
 Fix: Field 
label formatting issue. Fix: Minor bugs

#### 1.0.0

Initial release.

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**3 年前**
 *  活跃安装数量 **80+**
 *  WordPress 版本 ** 5.9 或更高版本 **
 *  已测试的最高版本为 **6.1.10**
 *  PHP 版本 ** 7.3 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/cf7-blocks/) 、 [Spanish (Chile)](https://cl.wordpress.org/plugins/cf7-blocks/)、
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/cf7-blocks/) 、 [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/cf7-blocks/)、
   [Spanish (Spain)](https://es.wordpress.org/plugins/cf7-blocks/) 和 [Spanish (Venezuela)](https://ve.wordpress.org/plugins/cf7-blocks/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/cf7-blocks)
 * 标签
 * [block-editor](https://cn.wordpress.org/plugins/tags/block-editor/)[blocks](https://cn.wordpress.org/plugins/tags/blocks/)
   [cf7](https://cn.wordpress.org/plugins/tags/cf7/)[contact form](https://cn.wordpress.org/plugins/tags/contact-form/)
   [contact form 7](https://cn.wordpress.org/plugins/tags/contact-form-7/)
 *  [高级视图](https://cn.wordpress.org/plugins/cf7-blocks/advanced/)

## 评级

 4.4 星（最高 5 星）。

 *  [  6 条 5 星评价     ](https://wordpress.org/support/plugin/cf7-blocks/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/cf7-blocks/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/cf7-blocks/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/cf7-blocks/reviews/?filter=2)
 *  [  1 条 1 星评价     ](https://wordpress.org/support/plugin/cf7-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/cf7-blocks/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/cf7-blocks/reviews/)

## 贡献者

 *   [ Munir Kamal ](https://profiles.wordpress.org/munirkamal/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/cf7-blocks/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.buymeacoffee.com/munirkamal)