Form Block

外掛說明

WordPress offers several (contact) form plugins, but most of them are not up-to-date anymore when it comes to creating forms. Form Block tackles this problem by utilizing the block editor’s power. It enables you to create a form effortlessly within the block editor itself, which makes the process of creating a form much more enjoyable and similar to creating other types of blocks. This innovative approach to form creation ensures that Form Block stands out from other WordPress form plugins.

Note: This plugins requires the PHP extension “Document Object Model” (php-dom).

Features

  • Fully support of the block editor
  • Built with accessibility in mind
  • Create forms with an unlimited number of fields
  • Select from a wide variety of field types
  • Use a predefined form or start from scratch
  • Integrated honeypot for spam protection
  • Integrated knowledge base for field types
  • Client-side and server-side validation

Getting started

  1. Add the “Form Block” block anywhere you want to enable a form in your block editor.
  2. Select a predefined form or start from scratch.
  3. Add/Edit/Remove fields to your form as you like. You can select from input, select and textarea fields.

After submission, the form data will be sent to the email address you have set in the settings.

Coming soon

There is much more planned for Form Block. Here is a small selection of features that are coming soon:

  • Flood Control
  • Antispam Bee integration
  • Custom date picker
  • More customization options

Pro version

There is also a Pro version of Form Block available. It offers additional features, such as:

  • Extended server-side validation
  • Custom recipient(s) for each form
  • Custom form action
  • Upload via drag and drop
  • Storing files in WordPress instead of attaching them to an email
  • Global defined consent checkbox
  • Field dependencies

You can find more information at https://formblock.pro/en/.

螢幕擷圖

  • The form in the frontend
  • The form block variation picker
  • The form creation wizard to create form fields without them creating manually
  • The form block in the backend
  • The form block settings

適用於區塊編輯器

這個外掛提供 4 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Select A select field to select one or multiple values from.
  • Input A single input field for a form.
  • Form A form with customizable fields.
  • Textarea A mulitline text field.

安裝方式

  1. Upload the plugin files to the /wp-content/plugins/form-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Add the ‘Form Block’ block anywhere you want to enable a form in your block editor.

常見問題集

Where can I find the settings?

The settings can be found in Settings > Writing > Form Block.

Where will submitted forms be sent to?

All submitted forms will be sent to the administration email address you have set in the settings (Settings > General > Administration Email Address).

If you want to use another email address as recipient, you can use the filter form_block_recipients to change the recipient email address.

Is there a Pro version?

Yes, there is a Pro version with enhanced functionality. Lean more at https://formblock.pro/en/.

How can I contribute?

The code is open source and hosted on GitHub. Read the contributing guide for detailed information.

Who are you, folks?

We are Epiphyt, your friendly neighborhood WordPress plugin shop from southern Germany.

How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. Report a security vulnerability.

使用者評論

2024 年 7 月 3 日
Just tried out this simple Form Block plugin and it’s awesome – every block in the editor should be like this. Making a contact form is super easy. You just install it, add the block in the editor, pick the pre-made contact form, and you’re done. Editing the fields is a breeze, and it even includes a GDPR checkbox automatically. It works right away, sending the info to the WP admin email without any extra setup. The free version is perfect for beginners.
2023 年 9 月 20 日
Ich habe mir das Form Block-Plugin von Epiphyt mal näher angeschaut und finde es wirklich klasse. Das Erstellen eines einfachen Kontaktformulars ist mit dem Plugin sehr einfach: Nach der Installation gibt’s einen neuen Block namens Form Block. Form Block im Block-Editor einfügen, das vordefinierte Kontaktformular auswählen, und schon sind die wichtigsten Felder im Block-Editor vorhanden. Die Formularfelder können im Block-Editor leicht bearbeitet werden. Eine DSGVO-Checkbox ist beim Kontaktformular automatisch mit drin. Den Text man bei Bedarf im Editor anpassen. Das Formular funktioniert sofort nach dem Einfügen und schickt die Formulardaten per Mail an den WP-Admin. Weitere Konfiguration ist nicht nötig. Die kostenlose Version ist für mich momentan das ideale Kontaktformular-Plugin für WordPress-Einsteiger und ich setze es in der Pro-Version selbst inzwischen auf vielen meiner Websites ein.
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Form Block〉的開發相關工作。

參與者

〈Form Block〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Form Block〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.4.2

  • Fixed: Validation issues for separated date fields
  • Fixed: Line breaks in labels are no more removed in the email
  • Fixed: Error text for a field too large to upload does not indicate anymore that it has been uploaded

1.4.1

  • Improved: The notice for required fields is now above the form for enhanced accessibility
  • Fixed: Gaps in certain browsers from hidden input fields
  • Fixed: The value of hidden input fields is now populated in the frontend
  • Fixed: Options without a label now correctly show the value in the select
  • Fixed: Potential PHP warning for split date and time fields

1.4.0

  • Added: Custom separated date fields (read the announcement for more information)
  • Added: All supported input types that were previously only part of the Pro version
  • Added: Design for Twenty Twenty-Four
  • Added: More recognized field names for the form wizard
  • Improved: Input type selection is now more descriptive and translatable
  • Fixed: aria-describedby for error fields is no more added multiple times
  • Fixed: Form wizard now returns the proper input fields

1.3.0

  • Added: Support block settings like font size, line height and dimensions
  • Added: By selecting an invalid field, the error message will now be announced to screen readers
  • Fixed: Improved resetting a form after successful submit
  • Notice: This version requires at least WordPress 6.3
  • For developers: Each <form> element has now its validator object attached to it

1.2.0

  • Added: Form creation wizard for even easier form creation
  • Added: Ability to set a custom subject for each form
  • Added: Error message summary if multiple form fields are invalid for screen readers
  • Added: Checks to prohibit multiple form submissions while clicking multiple times on the submit button
  • Added: Check for PHP DOM extension
  • Added: A new filter to add custom controls in the primary panel of the form block
  • Added: A new class for the notice below the field stating how required fields are marked for easier customization
  • Fixed: After re-validating an invalid form, it can now be sent successfully
  • Fixed: Line breaks for checkbox labels in Twenty Twenty-Three

1.1.4

  • Fixed: Sending potentially the wrong checkbox/radio button value if multiple fields have the same name. There is now a new “value” field available for these input types. Please review your forms and adjust the value for your inputs to fix this issue.

1.1.3

  • Fixed: Invalid fields are now marked via aria-invalid for better accessibility
  • Fixed: Added aria-hidden="true" to the asterisk, marking a field as required, for better accessibility

1.1.2

  • Fixed: Issue storing form data for forms when they are in another block (e.g. in a column)

1.1.1

  • Fixed: Design issue with labels of checkboxes and radio buttons

1.1.0

  • Added: Rich text editor for labels
  • Added: Option to set an email field as “reply-to” in the email notification
  • Added: Preparation to fully support Form Block Pro version 1.0.0
  • Improved: Displaying of values from checkboxes and radio buttons
  • Improved: Design of reset and submit buttons (thanks @zu for reporting)
  • Fixed: Getting correct values for form field name attributes

1.0.2

  • Fixed: Security issue regarding an CSRF (thanks @DanielRuf for reporting)
  • Fixed: Changing value of reset/submit buttons is not possible (thanks @zu for reporting)
  • Fixed: Allowing multiple radio buttons with identical name
  • Fixed: Submitting an empty form with required fields shows the loading indicator

1.0.1

  • Added: Missing loading information/animation after submit
  • Fixed: Potential PHP warning on uninstallation
  • Fixed: Design for Twenty Twenty-Three
  • Fixed: Design for Twenty Twenty-Two

1.0.0

  • Initial release