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 \u2014 all without leaving your dashboard.<\/p>\n\n
{fieldname}<\/code> placeholders in email subjects, messages, recipients, and reply-to addresses.<\/li>\n- Customizable messages<\/strong> \u2014 Set your own success, pending, and error messages with configurable text and background colors.<\/li>\n
- Date picker<\/strong> \u2014 Built-in jQuery UI date picker with options for allowed weekdays and past date restrictions.<\/li>\n
- Responsive and accessible<\/strong> \u2014 Clean, lightweight markup with label visibility controls and color customization.<\/li>\n<\/ul>\n\n
Available Blocks<\/h4>\n\n\n- Form<\/strong> \u2014 The container block that wraps your form fields and handles submission.<\/li>\n
- Text Input<\/strong> \u2014 A single-line text field.<\/li>\n
- Email Input<\/strong> \u2014 An email address field with validation.<\/li>\n
- Phone Input<\/strong> \u2014 A phone number field.<\/li>\n
- Textarea<\/strong> \u2014 A multi-line text field with configurable rows.<\/li>\n
- Date Input<\/strong> \u2014 A date picker with weekday and past-date controls.<\/li>\n
- Dropdown<\/strong> \u2014 A select field with customizable options.<\/li>\n
- Checkbox<\/strong> \u2014 A checkbox field.<\/li>\n
- Submit Button<\/strong> \u2014 The form submission button.<\/li>\n<\/ul>\n\n
Development<\/h3>\n\nBuilding from Source<\/h4>\n\n
This plugin uses Node.js and npm for building assets. To build the plugin from source:<\/p>\n\n
\n- Ensure you have Node.js (version 14 or higher) and npm installed.<\/li>\n
- Navigate to the plugin directory<\/li>\n
- Install dependencies:
npm install<\/code><\/li>\n- Build the assets:
npm run build<\/code><\/li>\n- (Optional) Create a distributable zip file:
npm run plugin-zip<\/code><\/li>\n<\/ol>\n\nThird-Party Services<\/h3>\n\nGoogle reCAPTCHA v3<\/h4>\n\n
What it is and what it's used for:<\/strong>\nThis 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 \u2014 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.<\/p>\n\nWhat data is sent and when:<\/strong>\nWhen 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:\n- The reCAPTCHA token\n- The action name (form submission)\n- The user's IP address and browser information<\/p>\n\nService Links:<\/strong>\n- Google reCAPTCHA Terms of Service<\/a>\n- Google Privacy Policy<\/a>\n- Google reCAPTCHA Privacy and Security<\/a><\/p>\n\n\n\n- Upload the plugin folder to
\/wp-content\/plugins\/<\/code>, or install the plugin through the WordPress plugins screen directly.<\/li>\n- Activate the plugin through the Plugins<\/strong> screen in WordPress.<\/li>\n
- Go to Contact Form Options<\/strong> in the admin menu to configure general settings (reCAPTCHA keys, SMTP credentials, number of forms).<\/li>\n
- Configure each form's actions (email recipients, subjects, messages, database storage) on its dedicated settings page.<\/li>\n
- Add the Form<\/strong> block in the block editor and insert your desired input blocks inside it.<\/li>\n<\/ol>\n\n\n