Truckenbrod Baked Forms

설명

Truckenbrod Baked Forms lets you build contact forms directly in the WordPress block editor. Drag and drop form fields, configure email delivery and spam protection, and manage submissions — all without leaving your dashboard.

Key Features

  • Block editor integration — Build forms visually using dedicated blocks for text, email, phone, date, dropdown, checkbox, textarea, and submit fields.
  • Multiple forms — Create and manage as many forms as you need, each with its own settings and actions.
  • Google reCAPTCHA v3 — Invisible spam protection that scores submissions automatically.
  • SMTP email delivery — Configure your own SMTP server for reliable email sending with SSL/TLS support.
  • Database storage — Save every submission to the database and review them in the admin panel.
  • Per-form actions — Assign multiple actions to each form: send an email, save to the database, or both.
  • Template placeholders — Use {fieldname} placeholders in email subjects, messages, recipients, and reply-to addresses.
  • Customizable messages — Set your own success, pending, and error messages with configurable text and background colors.
  • Date picker — Built-in jQuery UI date picker with options for allowed weekdays and past date restrictions.
  • Responsive and accessible — Clean, lightweight markup with label visibility controls and color customization.

Available Blocks

  • Form — The container block that wraps your form fields and handles submission.
  • Text Input — A single-line text field.
  • Email Input — An email address field with validation.
  • Phone Input — A phone number field.
  • Textarea — A multi-line text field with configurable rows.
  • Date Input — A date picker with weekday and past-date controls.
  • Dropdown — A select field with customizable options.
  • Checkbox — A checkbox field.
  • Submit Button — The form submission button.

Development

Building from Source

This plugin uses Node.js and npm for building assets. To build the plugin from source:

  1. Ensure you have Node.js (version 14 or higher) and npm installed.
  2. Navigate to the plugin directory
  3. Install dependencies: npm install
  4. Build the assets: npm run build
  5. (Optional) Create a distributable zip file: npm run plugin-zip

Third-Party Services

Google reCAPTCHA v3

What it is and what it’s used for:
This plugin uses Google reCAPTCHA v3 to protect your contact forms from spam and abuse. reCAPTCHA v3 analyzes user behavior to detect whether a form submission is likely to be legitimate or spam. Unlike previous reCAPTCHA versions, v3 operates invisibly — your visitors won’t see a CAPTCHA challenge or checkbox. This plugin will only use Google reCAPTCHA if you a reCAPTCHA public and private key in the contact form settings section. If left empty, no data will be submitted but your forms wont be protected from spam aswell.

What data is sent and when:
When a form with reCAPTCHA protection is submitted, the plugin sends the user’s reCAPTCHA token to Google’s servers. This token is generated automatically based on the user’s interaction with your site and the form. Google uses this data to analyze user behavior and assign a risk score to determine if the submission should be processed. The data sent includes:
– The reCAPTCHA token
– The action name (form submission)
– The user’s IP address and browser information

Service Links:
Google reCAPTCHA Terms of Service
Google Privacy Policy
Google reCAPTCHA Privacy and Security

스크린샷

  • An example contact form.

블록

이 플러그인은 9개의 블록을 제공합니다.

  • Input Text Block A text input block for forms.
  • Submit Block A submit button block for forms.
  • Dropdown Block A dropdown select block for forms.
  • Input Mail Block An email input block for forms.
  • Form Block A block-based contact form with REST submission handling.
  • Checkbox Block A checkbox input block.
  • Textarea Block A textarea input block for forms.
  • Input Phone Block A phone number input block for forms.
  • Input Date Block A date input block for forms.

설치

  1. Upload the plugin folder to /wp-content/plugins/, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the Plugins screen in WordPress.
  3. Go to Contact Form Options in the admin menu to configure general settings (reCAPTCHA keys, SMTP credentials, number of forms).
  4. Configure each form’s actions (email recipients, subjects, messages, database storage) on its dedicated settings page.
  5. Add the Form block in the block editor and insert your desired input blocks inside it.

FAQ

How do I set up reCAPTCHA?

Go to Contact Form Options in the admin menu and enter your Google reCAPTCHA v3 Site Key and Secret Key. You can obtain these from the Google reCAPTCHA admin console. The plugin uses invisible reCAPTCHA v3, so your visitors will not see a challenge.

How do I configure SMTP?

In Contact Form Options, fill in the SMTP Server, SMTP Username, and SMTP Password fields. The plugin automatically selects SSL (port 465) or TLS (port 587) based on your server configuration.

Can I use multiple forms on the same site?

Yes. Set the Number of forms on site in the general settings. Each form gets its own settings page where you can configure its actions independently. Assign a unique Form ID to each form block in the editor.

How do placeholders work in email templates?

Use {fieldname} in your email subject, message, recipient, or reply-to fields. The plugin replaces these with the corresponding form field values at submission time. For example, if your form has a field named “Email”, use {Email} in the Reply-To field.

Can a single form send multiple emails?

Yes. Each form supports multiple actions. You can configure several email actions with different recipients, subjects, and messages, as well as a database action to store the submission.

Where are submissions stored?

Submissions are saved to a dedicated database table. You can view and manage them under Contact Form Options Submissions in the admin panel.

Does this plugin require jQuery?

Yes. The plugin uses jQuery for frontend form submission handling and the date picker uses jQuery UI Datepicker. Both are bundled with WordPress.

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Truckenbrod Baked Forms”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Truckenbrod Baked Forms”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.1.2

  • Changed required wp-version to 6.8

1.1.1

  • Changed the slug to trucbafo

1.1.0

  • Renamed from Easy Baked Contact Form to Truckenbrod Baked Forms.
  • Added database storage for form submissions.
  • Added submissions management page in the admin panel.
  • Added per-form multi-action support (email and database).
  • Added customizable success, pending, and fail message colors.
  • Added date input block with weekday and past-date controls.
  • Added dropdown, checkbox, and phone input blocks.
  • Added custom frontend JavaScript option for forms.
  • Added configurable field names for all input blocks.

1.0.0

  • Initial release.
  • Block editor form builder with text, email, and textarea blocks.
  • Google reCAPTCHA v3 integration.
  • SMTP email delivery.
  • REST API form submission handling.